菱形线框边框end分割线毕业季

美化源代码
复制源代码
源代码
<section style="text-align: center;margin:10px 0px;"><section style="display: flex;justify-content:center;align-items:center;"><section style="width:40%;height:1px;background-image: linear-gradient(90deg, #ffffff, #7da2ff);"></section><section style="margin:0px 6px;display: flex;justify-content: center;align-items: center;"><section style="border:solid 1px #7ba1ff;width:30px;height:30px;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"><section style="transform: rotateZ(-45deg); text-align: center;font-size:18px;"><p>                            E</p></section></section><section><section style="display: flex;justify-content: center;align-items: center;"><section style="margin-left:-5px;width:8px;height:8px;background-color:#a6c4ff;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="margin-left:-3px;border:solid 1px #7ba1ff;width:30px;height:30px;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"><section style="transform: rotateZ(-45deg); text-align: center;font-size:18px;"><p>                                    N</p></section></section></section></section><section><section style="display: flex;justify-content: center;align-items: center;"><section style="margin-left:-5px;width:8px;height:8px;background-color:#a6c4ff;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="margin-left:-3px;border:solid 1px #7ba1ff;width:30px;height:30px;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"><section style="transform: rotateZ(-45deg); text-align: center;font-size:18px;"><p>                                    D</p></section></section></section></section></section><section style="width:40%;height:1px;background-image: linear-gradient(90deg, #7da2ff, #ffffff);"></section></section></section>
可视化
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
