渐变标签样式动态电商购物双十一

源代码

<section style="text-align: center; margin: 10px 0px; "><section style="display:inline-block;"><section style="display: flex;justify-content:center;align-items:center;"><section style="margin-right:-5px;background-image: linear-gradient(90deg, #ff4545, #ffbb64);height:38px;padding:5px 10px;"><section style="display: flex;justify-content:center;align-items:center;"><section style="display:inline-block;padding:0px 10px;"><section style="color: #fff; font-size: 17px;letter-spacing: 2px;"><p>                                    双十一标题</p></section></section></section></section><section><section style="transform: skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-ms-transform: skew(-20deg);-o-transform: skew(-20deg);width:8px;height: 19px;background-color:#ffbb64;"></section><section style="transform: skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-ms-transform: skew(20deg);-o-transform: skew(20deg);width:8px;height: 19px;background-color:#ffbb64;"></section></section><section style="width:3.5em;margin-left:-20px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/adef31b7cfa874ba460bdd6fc03d5836.png" style="display: block; width: 100%; height: auto;" alt=""></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们