春节菱形底色标题

源代码

<sectionstyle="margin:10px 0px;"><section style="display: flex;justify-content:center;align-items:center;"><section style="display:inline-block;border-color:#731900;border-width:1px;border-style:solid;display:inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"><section style="margin:-5px -5px 5px 5px;"><section style="display: inline-block;background-color: #e8493f;padding: 2px 7px;box-sizing: border-box;"><section style="transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><p><strong><span style="color: #ffffff;">春</span></strong></p></section></section></section></section><section style="margin-left:20px;display:inline-block;border-color:#731900;border-width:1px;border-style:solid;display:inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"><section style="margin:-5px -5px 5px 5px;"><section style="display: inline-block;background-color: #e8493f;padding: 2px 7px;box-sizing: border-box;"><section style="transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><p><strong><span style="color: #ffffff;">节</span></strong></p></section></section></section></section><section style="margin-left:30px;display:inline-block;border-color:#731900;border-width:1px;border-style:solid;display:inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"><section style="margin: 5px 5px -5px -5px;"><section style="display: inline-block;background-color: #e8493f;padding: 2px 7px;box-sizing: border-box;"><section style="transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><p><strong><span style="color:#ffffff;">习</span></strong></p></section></section></section></section><section style="margin-left:20px;display:inline-block;border-color:#731900;border-width:1px;border-style:solid;display:inline-block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"><section style="margin: 5px 5px -5px -5px;"><section style="display: inline-block;background-color: #e8493f;padding: 2px 7px;box-sizing: border-box;"><section style="transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"><p><strong><span style="color: #ffffff;">俗</span></strong></p></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们