渐变虚线边框上下图文圆圈小标题电商节

源代码

<section style="margin:10px 0px;"><section style="border: 2px dashed #fff;	background: linear-gradient(to right, #b835cb ,#33d8fe);background-origin: border-box;"><section style="background-color:#fff;padding:10px 5px;"><section style="background-image: linear-gradient(90deg, #e9c2ef, #c3f1fe);width:50px;height:50px;border-radius:50%;"></section><section style="margin:-24px 18px;"><section style="border-right:solid 1px #e5d7d1;border-bottom:solid 1px #e5d7d1;background-color:#d7f7ff;padding:1px;"><section style="text-align: center;margin:-6px 6px 6px -6px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/4ba8d1b9a425d18a8acdbe9903a80fb7.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="4692"></section></section></section><section style="margin-top:-33px;transform: rotatez(0deg);"><section style="background-color:#e8c4f0;width:35px;height:35px;border-radius:50%;margin-left:auto;"></section><section style="background-color:#d7f7ff;width:20px;height:20px;border-radius:50%;margin-left:auto;margin-right:20px;margin-top:-29px;box-shadow:2px 2px 3px #c1b1cf;"></section></section><section style="margin:0px 14px 14px;background-color:#fefefe;box-shadow:4px 4px 4px #e4dff5;border-radius:8px;padding:12px;"><section style=" background-image: -webkit-linear-gradient(-75deg, #ab92cf, #6a49c6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; "><section style="text-align: left; font-size: 18px;letter-spacing:2px;padding:0px 8px 0px  3px;"><p><em><strong>爆款推荐</strong></em></p></section></section><section style="margin:10px 0px 10px;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;color:#563568;"><p>                            双十二购物狂欢节顾名思义是每年12月12日。 继天猫双十一之后，淘宝网、京东、苏宁易购等各大电商网站将在 12月12日将延续“全民疯抢”的活动。</p></section></section><section style="text-align: right;margin:-26px 20px 0px 0px;"><section style="display:inline-block;"><section style="background-image: linear-gradient(90deg, #7052c9, #767ed7);color:#fff;border-radius:20px;padding:0px 10px;box-shadow:2px 2px 2px #917ab6;"><section style="display: flex;justify-content:center;align-items:center;"><section style="padding:2px 5px 2px 5px;text-align: center; font-size: 18px;letter-spacing:2px;"><p><strong>立即抢购</strong></p></section><section style="width:20px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/a7e74fc190bb3fe6bda3a6ff36d68e3c.png" style="display:block;width:100%;"></section></section></section></section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们