小年菱形线条分割线

美化源代码
复制源代码
源代码
<section style="margin: 10px 0%; text-align: center;"><section style="display: inline-block; vertical-align: middle; width: 35%;"><section><section style="margin-top: 0.5em; margin-bottom: 0.5em;"><section style="border-top: 1px solid rgb(239, 35, 79); box-sizing: border-box;"></section></section></section></section><section style="display: inline-block; vertical-align: top; "><section style="display:inline-block;border-color:#ef234f;border-width:1px;border-style:solid;width:10px;height:10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></section><section style="margin-left:-1px;display:inline-block;border-color:#ef234f;border-width:1px;border-style:solid;width:10px;height:10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></section><section style="margin-left:-1px;display:inline-block;border-color:#ef234f;border-width:1px;border-style:solid;width:10px;height:10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></section><section style="margin-left:-1px;display:inline-block;border-color:#ef234f;border-width:1px;border-style:solid;width:10px;height:10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></section></section><section style="display: inline-block; vertical-align: middle; width: 35%;"><section><section style="margin-top: 0.5em; margin-bottom: 0.5em;"><section style="border-top: 1px solid rgb(239, 35, 79); box-sizing: border-box;"></section></section></section></section></section>
可视化
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
