四边形线条底色标题

源代码

<sectionstyle="text-align: center; margin-top: 10px; margin-bottom: 10px;"><section style="display:inline-block;"><section style="display: flex;justify-content: center;align-items:center;"><section><section style="width:80px;height:1px;background-color:#ff5519;"></section><section style="margin-top:10px;width:30px;height:1px;background-color:#ff5519;margin-left:auto;"></section></section><section style="margin:0px -2px;background-color:#ffd79e;box-sizing: border-box;transform: skew(-15deg);-webkit-transform: skew(-15deg);-moz-transform: skew(-15deg);-ms-transform: skew(-15deg);-o-transform: skew(-15deg);padding:5px 20px;"><p style="text-align: left; letter-spacing: 2px;transform: skew(15deg);-webkit-transform: skew(15deg);-moz-transform: skew(15deg);-ms-transform: skew(15deg);-o-transform: skew(25deg);"><span style="color: #ff5519;"><em>高考须知</em></span></p></section><section><section style="width:30px;height:1px;background-color:#ff5519;"></section><section style="margin-top:10px;width:80px;height:1px;background-color:#ff5519;"></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们