双十二边框左右图文

源代码

<section style="margin-top: 10px;margin-bottom: 24px;"><section style="margin-top:20px;"><section style="margin-bottom:-23px;"><section style="margin-left: 20px;display: inline-block;height: 30px;overflow: hidden;padding-right: 15px;padding-left: 15px;line-height: 30px;background: #000999;vertical-align: bottom;border-radius: 0px 0px 0px 7px;box-sizing: border-box;"><p style="font-size:18px;color:#ffffff;min-width:1px;text-align:center;">                    热销榜首</p></section><span style="display: inline-block;border-width: 5px;border-style: solid;border-color: #000999 transparent transparent;vertical-align: top;margin-left: -5px;margin-top: 2px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></span></section></section><section style="border-style: solid;border-width: 1px;border-color: #000999;border-radius: 5px;box-sizing: border-box;"><section style="background-image: linear-gradient(135deg, #2dddb2 10%, #071483 100%);padding-left: 10px;box-sizing: border-box;border-radius: 5px;"><section style="background-color: #ffffff;padding-top: 10px;padding-bottom: 10px;box-sizing: border-box;text-align: center;border-radius: 5px;"><section style="display:inline-block;width:50%;vertical-align: middle;"><section style="margin-top:20px;"><p><span style="color: #215fb1;"><strong><span style="font-size: 20px;">商品名称商品</span></strong></span></p><p>                            商品说明 商品说明</p><p style="margin-top:10px;"><strong><span style="color: #215fb1;">高端  大气  高档</span></strong></p><section style="margin-top:10px;display:inline-block;"><p style="text-align: left;"><span style="font-size: 18px;color: #215fb1;">￥199</span></p></section><section style="margin-left:10px;display:inline-block;vertical-align: middle;"><section style="border-style: solid;border-width: 2px;border-color: #000999;border-radius: 10px;background-color: #7ad7ff;padding-right: 5px;padding-left: 5px;box-sizing: border-box;"><p><span style="color: #ffffff;">立即抢购</span></p></section></section></section></section><section style="display:inline-block;width:45%;margin-right:10px;vertical-align: middle;"><section style="border-style: solid;border-width: 1px;border-color: #071483;background-color: #7ad7ff;padding: 5px;box-sizing: border-box;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/2ed95d7dbc66c4ed869370e0ff9b6a92.png" style="width: auto;display: block;" data-brush="img" data-copyrighted="4374"></p></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们