左右图文底色带标题电商年中大促

美化源代码
复制源代码
源代码
<section style="margin: 10px 0px; text-align: center;"><section style="display:inline-block;"><section style="display: flex; align-items:center;"><section style="border-style: solid; border-width: 18px 8px; border-color:transparent   #fff6f8  #fff6f8 transparent; width: 0px; height: 0px;transform: rotatez(0deg);z-index:1000;margin-left:auto;"></section><section style="background-color:#fff6f8;padding:0px 6px;height:36px;"><section style="display: flex; align-items:center;"><section style="width:7px;height:7px;background-color:#ff8a9c;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="margin:0px 14px;line-height:36px;color:#ff0844;letter-spacing:2px;font-size:20px;"><p>                                年中大促狂欢季</p></section><section style="width:7px;height:7px;background-color:#ff8a9c;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section></section></section><section style="border-style: solid; border-width:  18px 8px; border-color:transparent   transparent  #fff6f8  #fff6f8 ; width: 0px; height: 0px;transform: rotatez(0deg);z-index:1000;margin-left:auto;"></section></section></section><section style="margin-top:-10px;background-color:#fff6f8;padding:15px;"><section style="text-align: center;"><section style="display: flex;justify-content: space-between;align-items:center;"><section style="width:40%;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d4db69f5bfcd33fa636e34763f9403ca.png" style="display: block; width: auto;" data-brush="img" data-copyrighted="88"></section><section style="width:58%;margin-left:2%;"><section style="border: 1px solid #ff7596; padding: 10px; text-align: left;"><section style="color:#ff0844;letter-spacing:2px;font-size:18px;"><p>                                    夏日礼盒</p></section><section style="margin:7px 0px 0px;color:#ff8a9c;letter-spacing:2px;font-size:18px;"><p>                                    限时立省50元</p></section><section style="margin:7px 0px 0px;color:#ff0844;letter-spacing:2px;font-size:20px;"><p>                                    ￥199.9</p></section></section><section style="margin:10px 0px 0px;display: flex;justify-content: center;align-items:center;"><section style="background-color:#ff7596;height:60px;color:#fff;display:inline-block;padding:2px 5px;letter-spacing:2px;"><p>                                    立即</p><p>                                    抢购</p></section><section style="height: 0px; border-top: 30px solid transparent; border-left: 10px solid #ff7596; border-bottom: 30px solid transparent; border-left-color: #ff7596;"><br></section><section style="width: 100px !important;margin-left:5px;"><img src="http://open.dowcdn.cnd.mixinnet.cn/fenlei/2024-08-17-66c061ee9ea85.jpg" style="display: block; width: auto;"></section></section></section></section></section></section></section>
可视化
年中大促狂欢季
夏日礼盒
限时立省50元
￥199.9
立即
抢购
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
