序号倒影边框上下图文

美化源代码

复制源代码

源代码
<section style="margin-top: 10px;margin-bottom: 10px;text-align: center;box-sizing: border-box;"><section style="display: inline-block;border-width: 1px;border-style: solid;border-color: #99cccc;padding: 10px;width: 90%;border-radius: 0px;box-sizing: border-box;"><section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;width: 80%;box-sizing: border-box;"><section style="max-width: 100%;vertical-align: middle;display: inline-block;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/bacb6ac3580a8cac06bb6e8b6635efeb.png" style="vertical-align: middle;box-sizing: border-box;" data-brush="img" data-copyrighted="173"></section></section><section style="display: inline-block;vertical-align: top;width: 20%;box-sizing: border-box;"><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 style="-webkit-box-reflect: below 0px -webkit-linear-gradient(top, transparent, transparent 10%, rgba(255, 255, 255, 0.8));box-sizing: border-box;"><section style="font-size: 36px;letter-spacing: 2px;line-height: 1.3;color: #006699;box-sizing: border-box;"><p style="box-sizing: border-box;"><strong style="box-sizing: border-box;" data-form="0">01</strong><br style="box-sizing: border-box;"></p></section></section></section><section style="margin-top:10px;margin-right: 0%;margin-left: 0%;box-sizing: border-box;"><section style="text-align: justify;font-size: 14px;letter-spacing: 2px;line-height: 2.2;box-sizing: border-box;"><p style="white-space: normal;box-sizing: border-box;"><span style="color: #767576;">你的人生永远不会辜负你的。那些转错的弯，那些走错的路，那些流下的泪水，那些滴下的汗水，那些留下的伤痕，全都让你成为独一无二的自己。</span></p></section></section></section></section></section>

可视化

你的人生永远不会辜负你的。那些转错的弯，那些走错的路，那些流下的泪水，那些滴下的汗水，那些留下的伤痕，全都让你成为独一无二的自己。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统