首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
并列三列电商类618年中大促
美化源代码
复制源代码
源代码
<section style="text-align: center;margin:10px 0px;"><section style="border:solid 1px #ff0844;padding:10px;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="width:32%;"><section style="background-color:#ffeaef;padding:10px;"><section style="color:#ff0844;"><p style="letter-spacing: 2px;"><span style="font-size: 19px; letter-spacing: 2px;">优惠券</span></p></section><section style="color:#ff0844;margin:-10px 0px;"><p style="letter-spacing: 2px;"><strong><span style="font-size: 60px; letter-spacing: 2px;">10</span></strong></p></section><section style="color:#ff0844;"><p style="letter-spacing: 2px;"> 满100可用</p></section></section><section style="margin:-13px 0px;"><section style="display: flex;justify-content: space-between;align-items:center;overflow: hidden;"><section style="width:26px;height:26px;background-color:#fefefe;border-radius:50% 50%;margin:0px 0px 0px -13px;transform: rotatez(0deg);"></section><section style="width:100%;height:1px;border-top:dashed 1px #fefefe;"></section><section style="width:26px;height:26px;background-color:#fefefe;border-radius:50% 50%;margin:0px -13px 0px 0px;transform: rotatez(0deg);"></section></section></section><section style="margin-top:-12px;background-color:#ffeaef;padding:15px 0px 10px;color:#ff0844;letter-spacing:2px;font-size:18px;"><p> 立即领取</p></section></section><section style="width:32%;"><section style="background-color:#ff86a3;padding:10px;"><section style="color:#fff;"><p style="letter-spacing: 2px;"><span style="font-size: 19px; letter-spacing: 2px;">优惠券</span></p></section><section style="color:#fff;margin:-10px 0px;"><p style="letter-spacing: 2px;"><strong><span style="font-size: 60px; letter-spacing: 2px;">20</span></strong></p></section><section style="color:#fff;"><p style="letter-spacing: 2px;"> 满200可用</p></section></section><section style="margin:-13px 0px;"><section style="display: flex;justify-content: space-between;align-items:center;overflow: hidden;"><section style="width:26px;height:26px;background-color:#fefefe;border-radius:50% 50%;margin:0px 0px 0px -13px;transform: rotatez(0deg);"></section><section style="width:100%;height:1px;border-top:dashed 1px #fefefe;"></section><section style="width:26px;height:26px;background-color:#fefefe;border-radius:50% 50%;margin:0px -13px 0px 0px;transform: rotatez(0deg);"></section></section></section><section style="margin-top:-12px;background-color:#ff86a3;padding:15px 0px 10px;color:#fff;letter-spacing:2px;font-size:18px;"><p> 立即领取</p></section></section><section style="width:32%;"><section style="background-color:#ff86a3;padding:10px;"><section style="color:#fff;"><p style="letter-spacing: 2px;"><span style="font-size: 19px; letter-spacing: 2px;">优惠券</span></p></section><section style="color:#fff;margin:-10px 0px;"><p style="letter-spacing: 2px;"><strong><span style="font-size: 60px; letter-spacing: 2px;">50</span></strong></p></section><section style="color:#fff;"><p style="letter-spacing: 2px;"> 满300可用</p></section></section><section style="margin:-13px 0px;"><section style="display: flex;justify-content: space-between;align-items:center;overflow: hidden;"><section style="width:26px;height:26px;background-color:#fefefe;border-radius:50% 50%;margin:0px 0px 0px -13px;transform: rotatez(0deg);"></section><section style="width:100%;height:1px;border-top:dashed 1px #fefefe;"></section><section style="width:26px;height:26px;background-color:#fefefe;border-radius:50% 50%;margin:0px -13px 0px 0px;transform: rotatez(0deg);"></section></section></section><section style="margin-top:-12px;background-color:#ff86a3;padding:15px 0px 10px;color:#fff;letter-spacing:2px;font-size:18px;"><p> 立即领取</p></section></section></section></section></section>
可视化
优惠券
10
满100可用
立即领取
优惠券
20
满200可用
立即领取
优惠券
50
满300可用
立即领取
