缺角对角三角虚线线框标题教育培训类

源代码

<sectionstyle="margin: 10px 0px; text-align: center;"><section style="display:inline-block;"><section style="display: flex; align-items:center;"><section style="border-style: solid; border-width: 7px; border-color: #4cbfb4 transparent transparent #4cbfb4; width: 0px; height: 0px;transform: rotatez(0deg);z-index:1000;"></section></section><section style="margin-top:-18px;width:12px;height:23px;background-color:#fefefe;border-right:dashed 1px #4cbfb4;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="margin-top:-16px;margin-bottom:-12px;border:dashed 1px #4cbfb4;padding:3px 20px;margin-left:1px;margin-right:1px;color:#4b9293;"><p style="letter-spacing: 2px;">                    教育培训标题</p></section><section style="display: flex; align-items:center;"><section style="border-style: solid; border-width: 7px; border-color:transparent   #4cbfb4  #4cbfb4 transparent; width: 0px; height: 0px;transform: rotatez(0deg);z-index:1000;margin-left:auto;"></section></section><section style="margin-top:-18px;width:12px;height:23px;background-color:#fefefe;border-left:dashed 1px #4cbfb4;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);margin-left:auto;"></section></section></section>

关于我们

快捷导航

联系我们

关于我们