对角圆点线框正文

美化源代码

复制源代码

源代码
<section style="padding-right: 0.5em; padding-left: 0.5em;"><section style="margin-top:0.4em;"><section style="height: 40px; color: inherit;"><section style="height: 100%; width: 100px; float: right; border-top: 1px solid #0ac5ca; border-right: 1px solid #0ac5ca; border-bottom-color: #0ac5ca; border-left-color: #0ac5ca; color: inherit;"><section style="margin-top: -8px; margin-right: -6px; border-radius: 100%; line-height: 1; background-color: #fefefe; display: inline-block; height: 14px; width: 14px; color: #ffffff; float: right; padding: 3px;"><section style="width:8px;height:8px;border-radius:50%;color:#1d5c69;background-color:#0ac5ca;"></section></section></section></section></section><section style="padding-right: 15px; padding-left: 15px; line-height: 1.5em; margin-top: -1.2em; display: inline-block;"><p style="color:inherit;"><span style="font-size:14px;"><span style="color: #888888;  font-size: 14px; letter-spacing: 2px;">日出月落的晨昏里，默数花开风过。我只在原地，等候生命中最温暖的时刻，等候一双手，用幸福和温柔来牵我。</span></span></p></section><section style="margin-top:-1.4em;"><section style="height: 40px; color: inherit;"><section style="height: 100%; width: 100px; float: left; border-bottom: 1px solid #0ac5ca; border-top-color: #0ac5ca; border-right-color: #0ac5ca; border-left: 1px solid #0ac5ca; color: inherit;"></section></section><section style="margin-top: -8px; margin-left: -6px; border-radius: 100%; line-height: 1; background-color: #fefefe; display: inline-block; height: 14px; width: 14px; color: #ffffff; float: left; padding: 3px;"><section style="width:8px;height:8px;border-radius:50%;color:#1d5c69;background-color:#0ac5ca;"></section></section></section></section>

可视化

日出月落的晨昏里，默数花开风过。我只在原地，等候生命中最温暖的时刻，等候一双手，用幸福和温柔来牵我。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统