周年庆左右图文电商渐变

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="background-image:linear-gradient(135deg, #d80000 10%, #fe5f5e 100%);border-radius:10px;padding:15px 0px 15px 15px;text-align:center;"><section style="display:flex;justify-content:flex-end;align-items:flex-end;"><section style="width:65%;"><section style="border:solid 3px #ffc281;border-radius:12px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/6303c721f514e7e4bdce8d0541872449.png" style="display:block;width:100%;border-radius:9px;" data-brush="img" data-copyrighted="189"></section></section><section style="width:48%;margin-left:-30px;text-align:right;"><section style="margin-right:15px;"><section style="border-bottom:solid 1px #ffdfbb;padding:3px 15px;color:#ffdfbb;font-size:22px;letter-spacing:2px;display:inline-block;"><p style="text-align:right;"><strong>周年庆</strong></p></section><section style="color:#ffdfbb;font-size:16px;letter-spacing:2px;margin-top:15px;"><p style="text-align:right;">周年庆到手价</p></section><section style="display:flex;justify-content:flex-end;align-items:flex-end;"><section style="color:#ffdfbb;font-size:16px;margin-bottom:6px;"><p><strong>¥</strong></p></section><section style="color:#ffdfbb;font-size:36px;margin-left:3px;"><p><strong>399</strong></p></section></section></section><section style="margin-top:10px;background-image:linear-gradient(180deg, #fff8f2 10%, #fcd1a5 100%);border-radius:30px 0px 0px 30px;padding:15px 0px;text-align:center;"><section style="display:flex;justify-content:center;align-items:flex-end;"><section style="color:#d80000;font-size:16px;margin-bottom:3px;"><p><strong>第二件</strong></p></section><section style="color:#d80000;font-size:26px;margin-left:3px;"><p><strong>半价</strong></p></section></section><section style="color:#d80000;font-size:14px;margin-bottom:4px;margin-top:4px;"><p>时间：8.10-8.20</p></section><section style="background-color:#ffb668;border-radius:50px;box-shadow:3px 3px 3px #e5954d inset;padding:4px 16px;display:inline-block;"><section style="display:flex;justify-content:center;align-items:center;"><section style="color:#fff;font-size:17px;letter-spacing:2px;"><p>点击领券</p></section><section style="width:24px;margin-left:2px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/80158d45723f7777acf3bc6f7d67b102.png" style="display:block;width:100%;"></section></section></section></section></section></section></section></section>

可视化

周年庆

周年庆到手价

399

第二件

半价

时间：8.10-8.20

点击领券

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统