不规则线条底色标题克莱因蓝

源代码

<sectionstyle="text-align: center;margin:10px 0px;"><section style="display:inline-block;"><section style="height:0px;width: 0px;border-bottom: 0.6em solid #dee8ff;border-left:0.2em solid transparent !important;border-right: 1.2em solid transparent !important;box-sizing: border-box;transform: rotatez(56deg);-webkit-transform: rotatez(56deg);-moz-transform: rotatez(56deg);-ms-transform: rotatez(56deg);-o-transform: rotatez(56deg);z-index:1000;"></section><section style="margin-top:-3px;display: flex;justify-content:center;align-items:center;"><section><section style="width:100%;height:1px;background-color:#d7e2ff;transform: rotatez(3deg);-webkit-transform: rotatez(3deg);-moz-transform: rotatez(3deg);-ms-transform: rotatez(3deg);-o-transform: rotatez(3deg);z-index:1000;"></section><section style="display: flex;justify-content:center;align-items:flex-end;"><section style="width:1px;height:43px;background-color:#d7e2ff;transform: rotatez(-4deg);margin-top:-13px;margin-right:-5px;"></section><section style="border-style: solid; border-width:16px 3px; border-color:  transparent #002fa7   #002fa7 transparent ; width: 0px; height: 0px;"></section><section><section style="width:100%;height:12px;background-color:#002fa7;transform: rotatez(-2deg);-webkit-transform: rotatez(-2deg);-moz-transform: rotatez(-2deg);-ms-transform: rotatez(-2deg);-o-transform: rotatez(-2deg);"></section><section style="margin-top:-8px;background-color:#002fa7;padding:2px 20px 4px;color:#fff;letter-spacing:2px;transform: rotatez(0deg);"><p>                                    克莱因蓝标题</p></section></section><section style="border-style: solid; border-width:19px 3px; border-color:  transparent  transparent #002fa7   #002fa7 ; width: 0px; height: 0px;"></section><section style="width:1px;height:34px;background-color:#d7e2ff;transform: rotatez(4deg);margin-top:-13px;margin-left:-5px;"></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们