错位引导边框好看

美化源代码

复制源代码

源代码
<section style="text-align: right;margin: 10px 5px;"><section style="margin-bottom:10px;display: inline-block;vertical-align: top;box-sizing: border-box;"><section style="box-sizing: border-box;"><section style="display: inline-block;vertical-align: top;background-color: rgb(142, 224, 227);box-sizing: border-box;border-radius: 5px;width:100%;"><section style="margin: 10px -5px -8px 5px;box-sizing: border-box;"><section style="border-radius: 10px;margin-top: -4px;border-width: 1px;border-style: dashed;border-color: #888;background-color: #f9ffff;padding:3px 15px;box-sizing: border-box;display:inline-block;"><p style="letter-spacing: 3px;border-color: #888;font-size: 18px;color: #514e4e;text-align: justify;"><span style="font-size: 14px;letter-spacing: 2px;">喜欢这篇文章，就给我个在看吧。</span></p></section><section style="margin-top:-2px;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);"><section style="width: 0px;margin-left: auto;margin-right: 10px;border-top: 0.6em solid #888;border-bottom-color: #888;height: 10px;color: inherit;border-left: 0.7em solid transparent !important;border-right: 0.7em solid transparent !important;box-sizing: border-box;"></section><section style="width: 0px;margin-left: auto;margin-right: 10px;border-top: 0.6em solid rgb(254, 254, 254);border-bottom-color: rgb(254, 254, 254);height: 10px;margin-top: -12px;color: inherit;box-sizing: border-box;border-left: 0.7em solid transparent !important;border-right: 0.7em solid transparent !important;"></section></section></section></section></section></section></section>

可视化

喜欢这篇文章，就给我个在看吧。

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统