错位双色简约标题标签分割线样式商务通用

源代码

<section style="padding:10px 0px 30px;text-align:center;"><section style="height:50px;"><section style="display:inline-block;"><section style="display:flex;justify-content:center;align-items:flex-end;"><section style="margin-right:-3px;margin-bottom:5px;"><section style="width:5px;height:18px;background-color:#5776e1;transform:skew(15deg);-webkit-transform:skew(15deg);-moz-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);"></section><section style="width:5px;height:18px;background-color:#5776e1;transform:skew(-15deg);-webkit-transform:skew(-15deg);-moz-transform:skew(-15deg);-ms-transform:skew(-15deg);-o-transform:skew(-15deg);"></section></section><section style="background-color:#5776e1;padding:0px 12px 0px 12px;height:36px;line-height:36px;margin-bottom:5px;"><section style="color:#fff;font-size:18px;letter-spacing:2px;transform:rotatez(0deg);"><p>简洁通用商务</p></section></section><section style="margin-left:-3px;margin-bottom:5px;"><section style="width:5px;height:18px;background-color:#5776e1;transform:skew(-15deg);-webkit-transform:skew(-15deg);-moz-transform:skew(-15deg);-ms-transform:skew(-15deg);-o-transform:skew(-15deg);"></section><section style="width:5px;height:18px;background-color:#5776e1;transform:skew(15deg);-webkit-transform:skew(15deg);-moz-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);"></section></section><section><section style="width:5px;height:13px;background-color:#fddea6;transform:skew(-15deg);-webkit-transform:skew(-15deg);-moz-transform:skew(-15deg);-ms-transform:skew(-15deg);-o-transform:skew(-15deg);"></section><section style="width:5px;height:24px;background-color:#fddea6;transform:skew(15deg);-webkit-transform:skew(15deg);-moz-transform:skew(15deg);-ms-transform:skew(15deg);-o-transform:skew(15deg);"></section></section></section><section style="width:96%;margin-left:auto;margin-top:-5px;display:flex;justify-content:center;align-items:flex-end;"><section style="border-style:solid;border-width:2.5px 1px;border-color:transparent #fddea6 #fddea6 transparent  ;width:0px;height:0px;transform:rotatez(0deg);z-index:1000;"></section><section style="width:100%;height:5px;background-color:#fddea6;"></section></section></section></section><section style="width:100%;height:1px;background-color:#5776e1;margin-top:-30px;"></section></section>

关于我们

快捷导航

联系我们

关于我们