立体简约底色感恩节标题

源代码

<sectionstyle="text-align: center;margin:10px 0px;"><section style="display:inline-block;"><section style="display: flex;justify-content:center;align-items:center;"><section style="background-color: #ffb45c;box-sizing: border-box;transform: skewy(-25deg);-webkit-transform: skewy(-25deg);-moz-transform: skewy(-25deg);-ms-transform: skewy(-25deg);-o-transform: skewy(-25deg);width:7px;height: 36px;"></section><section style="background-color: #ff8340;box-sizing: border-box;transform: skewy(25deg);-webkit-transform: skewy(25deg);-moz-transform: skewy(25deg);-ms-transform: skewy(25deg);-o-transform: skewy(25deg);width:7px;height: 36px;"></section><section style="margin-top:4px;background-color:#ff9f48;height:36px;line-height:30x;font-size:18px;color:#fff;padding:3px 15px;letter-spacing:2px;"><p>                        感恩节标题</p></section><section style="background-color: #ff8340;box-sizing: border-box;transform: skewy(-25deg);-webkit-transform: skewy(-25deg);-moz-transform: skewy(-25deg);-ms-transform: skewy(-25deg);-o-transform: skewy(-25deg);width:7px;height: 36px;"></section><section style="background-color: #ffb45c;box-sizing: border-box;transform: skewy(25deg);-webkit-transform: skewy(25deg);-moz-transform: skewy(25deg);-ms-transform: skewy(25deg);-o-transform: skewy(25deg);width:7px;height: 36px;"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们