清新简约边框上下图文

美化源代码

复制源代码

源代码
<section style="text-align: center;box-sizing: border-box;margin:10px 3px;"><section style="display: inline-block;width: 100%;vertical-align: top;box-shadow: #b9d6ec 2px 0px 1px;border-style: dashed;border-width: 1px;border-radius: 0px;border-color: #b9d6ec;box-sizing: border-box;"><section><section style="margin-top: 10px;margin-bottom: 10px;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-shadow: #000000 0px 0px 0px;width: 90%;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/ca3612315fe198c8d3b2c89ffebda352.png" style="vertical-align: middle;width: 100%;box-sizing: border-box;" data-brush="img" data-copyrighted="74"></section></section></section><section><section style="box-sizing: border-box;"><section style="font-size: 14px;color: #81807f;line-height: 1.8;letter-spacing: 2px;margin:10px 0px;padding-right: 20px;padding-left: 20px;box-sizing: border-box;"><p style="text-indent: 0em; white-space: normal; box-sizing: border-box; text-align: left;">                        如果我们有机会重返青春现场，一定发现，那个青春，与我们相携终身，不断怀念，惊鸿照影的青春有异，我们对它的怀念，是一种刻骨的高估。</p></section></section></section><section><section style="margin-top: 0.5em;margin-bottom: 0.5em;text-align: right;box-sizing: border-box;transform: translate3d(-10px, 0px, 0px);"><section style="display: inline-block;vertical-align: top;box-sizing: border-box;"><section style="margin-right: 10px;height: 2em;border-right: 1em solid #b9d6ec;border-top: 1em solid transparent !important;border-bottom: 1em solid transparent !important;box-sizing: border-box;"></section><section style="margin-right: 7px;margin-top: -2em;height: 2em;border-right: 1em solid #ffffff;border-top: 1em solid transparent !important;border-bottom: 1em solid transparent !important;box-sizing: border-box;"></section><section style="margin-top: -2em;height: 2em;border-right: 1em solid #b9d6ec;border-top: 1em solid transparent !important;border-bottom: 1em solid transparent !important;box-sizing: border-box;"></section></section><section style="display: inline-block;vertical-align: top;height: 2em;line-height: 2em;background-color: #b9d6ec;color: #81807f;box-sizing: border-box;"><p style="box-sizing: border-box;"><span style="letter-spacing: 0px;line-height: 2;box-sizing: border-box;">韩松落</span></p><p style="box-sizing: border-box;"><br></p></section><section style="display: inline-block;vertical-align: top;box-sizing: border-box;"><section style="margin-left: 10px;height: 2em;width: 1em;border-left: 1em solid #b9d6ec;border-top: 1em solid transparent !important;border-bottom: 1em solid transparent !important;box-sizing: border-box;"></section><section style="margin-top: -2em;margin-right: -8px;margin-left: 7px;height: 2em;width: 1em;border-left: 1em solid #ffffff;box-sizing: border-box;border-top: 1em solid transparent !important;border-bottom: 1em solid transparent !important;"></section><section style="margin-top: -2em;height: 2em;width: 1em;border-left: 1em solid #b9d6ec;border-top: 1em solid transparent !important;border-bottom: 1em solid transparent !important;box-sizing: border-box;"><br></section></section></section></section></section></section>

可视化

如果我们有机会重返青春现场，一定发现，那个青春，与我们相携终身，不断怀念，惊鸿照影的青春有异，我们对它的怀念，是一种刻骨的高估。

韩松落

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统