简约倾斜线框标题

源代码

<section style="margin: 10px auto; text-align: center;"><section style="display: inline-block; margin-right: auto; margin-left: auto;"><span style="display:inline-block;float:left;margin-right:-25px;margin-top:10px;transform: rotate(-65deg);-webkit-transform: rotate(-65deg);-moz-transform: rotate(-65deg);-ms-transform: rotate(-65deg);-o-transform: rotate(-65deg);"><em style="display:block;width:20px;height:1px;background-color:rgb(209, 28, 37);margin-bottom:5px"></em><em style="display:block;width:40px;height:1px;background-color:rgb(209, 28, 37);margin-left:5px"></em></span><section style="display: inline-block; margin-right: auto; margin-left: auto; line-height: 25px; padding: 2px 15px; border-bottom: 1px solid rgb(209, 28, 37); border-top: 1px solid rgb(209, 28, 37); box-sizing: border-box;"><p>                这里输入标题</p></section><span style="display:inline-block;float:right;margin-left:-27px;margin-top:11px;transform: rotate(120deg);-webkit-transform: rotate(120deg);-moz-transform: rotate(120deg);-ms-transform: rotate(120deg);-o-transform: rotate(120deg);"><em style="display:block;width:20px;height:1px;background-color:rgb(209, 28, 37)"></em><em style="display:block;width:40px;height:1px;background-color:rgb(209, 28, 37);margin-left:5px;margin-top:5px"></em></span></section></section>

关于我们

快捷导航

联系我们

关于我们