简约卡片边框正文

美化源代码
复制源代码
源代码
<section style="margin: 40px 0% 10px;text-align: center;box-sizing: border-box;"><section style="display: inline-block;width: 90%;border-width: 1px;border-style: solid;border-color: transparent;background-color: rgb(255, 255, 255);box-shadow: rgb(170, 170, 170) 0px 0px 10px;box-sizing: border-box;"><section><section style="box-sizing: border-box;"><section style="text-align: left;box-sizing: border-box;"><p style="box-sizing: border-box;"><br></p></section></section></section><section><section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 18%;box-sizing: border-box;"><section><section style="margin-top: -3px;margin-right: 0%;margin-left: 0%;text-align: left;font-size: 27px;box-sizing: border-box;transform: translate3d(-3px, 0px, 0px);"><section style="display: inline-block;box-sizing: border-box;"><section style="width: 100%;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 5px;height: 5px;float: left;border-radius: 100%;box-sizing: border-box;"></section><section style="width: 5px;height: 5px;float: right;border-radius: 100%;box-sizing: border-box;"></section><section style="clear: both;box-sizing: border-box;"></section></section><section style="display: inline-block;border-width: 1px;border-style: solid;border-color: transparent;padding: 2px 20px;margin: -3px 2px;background-color: rgb(132, 178, 215);text-align: center;font-size: 31px;color: transparent;box-sizing: border-box;"><p style="box-sizing: border-box;"><br></p></section><section style="width: 100%;box-sizing: border-box;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 5px;height: 5px;float: left;border-radius: 100%;box-sizing: border-box;"></section><section style="width: 5px;height: 5px;float: right;border-radius: 100%;box-sizing: border-box;"></section><section style="clear: both;box-sizing: border-box;"></section></section></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 55%;box-sizing: border-box;"><section><section style="margin-top: 30px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;transform: translate3d(-40px, 0px, 0px);"><section style="text-align: justify;color: rgb(23, 23, 20);font-size: 18px;line-height: 1.3;letter-spacing: 2px;padding-right: 10px;padding-left: 10px;box-sizing: border-box;"><p style="white-space: normal;box-sizing: border-box;"><span style="font-family: Optima-Regular, PingFangTC-light;box-sizing: border-box;"><strong style="box-sizing: border-box;">思念很长</strong></span></p></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 27%;box-sizing: border-box;"><section style="margin-top: -55px;margin-right: 0%;margin-left: 0%;"><section style="vertical-align: middle;display: inline-block;border-style: solid;border-width: 0px;border-radius: 0px;border-color: rgba(247, 247, 247, 0);width: 80%;box-shadow: #bbc309 0px 0px 0px;overflow: hidden !important;box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;border-width: 2px;border-style: dashed;border-color: rgb(23, 23, 20);border-radius: 100%;box-sizing: border-box;"><section style="overflow: hidden;margin-right: auto;margin-left: auto;width: 100%;padding-bottom: 100%;height: 0px;border-radius: 100%;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/6df0e7dd7764ceb84caaa3ec6f4a0eda.png" style="vertical-align: middle;width: 100%;" data-brush="img"></section></section></section></section></section><section><section style="margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="width: 100%;vertical-align: top;padding: 10px;box-sizing: border-box;"><section><section style="margin-top: 5px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="text-align: justify;color: rgb(105, 105, 105);font-size: 13px;line-height: 1.8;letter-spacing: 0px;padding-right: 10px;padding-left: 10px;box-sizing: border-box;"><p style="white-space: normal;box-sizing: border-box;"><span style="font-family: Optima-Regular, PingFangTC-light;box-sizing: border-box;">有种缘分是触动了灵魂深处的空缺，一眼凝望之间，便是细水长流里的脉脉情真。岁月吟唱着一首深情的歌，而最好的深情，便是久处不厌的相伴，以命中注定的遇见，在心里画下始终的感动。<strong style="box-sizing: border-box;"></strong></span></p></section></section></section></section></section></section></section></section></section></section>
可视化
思念很长
有种缘分是触动了灵魂深处的空缺，一眼凝望之间，便是细水长流里的脉脉情真。岁月吟唱着一首深情的歌，而最好的深情，便是久处不厌的相伴，以命中注定的遇见，在心里画下始终的感动。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
