三角缺角线框边框引导阅读原文科技类

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="display:inline-block;"><section style="display: flex;justify-content:flex-end;align-items:center;"><section style="z-index:1000;width:18px;height:15px;background-color:#fefefe;border-bottom:dashed 1px #7fbbff;transform: rotatez(32deg);-webkit-transform: rotatez(32deg);-moz-transform: rotatez(32deg);-ms-transform: rotatez(32deg);-o-transform: rotatez(32deg);margin-left:auto;margin-bottom:-7px;"></section></section><section style="margin-right:5px;margin-left:5px;border:dashed 1px #7fbbff;transform: skew(-5deg);padding:5px 30px;color:#3fd4ff;font-size:18px;letter-spacing:2px;"><p>                点击这里阅读原文</p></section><section style="margin-top:-6px;"><section style="width:18px;height:15px;background-color:#fefefe;border-top:dashed 1px #7fbbff;transform: rotatez(32deg);-webkit-transform: rotatez(32deg);-moz-transform: rotatez(32deg);-ms-transform: rotatez(32deg);-o-transform: rotatez(32deg);"></section></section><section style="margin-top:-16px;"><section style="display: flex;justify-content:flex-start;align-items:center;"><section style="width:20px;z-index:1000;"><img src="https://cdn.file.mixinnet.cn/htmlImg/3c910114bd0b1aab7036a4fe73fc4269.png" style="display:block;width:100%;"/></section></section></section></section></section>

可视化

点击这里阅读原文

三角缺角线框边框引导阅读原文科技类

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统