序号编号简约背景单图渐变小标题

源代码

<section style="text-align: left; margin: 10px 0px;"><section style="text-align: right;"><section style="background-image: linear-gradient(180deg, #95eab8, #4dd2ca);border-radius:50%;padding:3px;display:inline-block;transform: rotatez(0deg);"><section style="background-color:#15aba7;border-radius:50%;width:33px;height:33px;color:#fff;font-size:18px;line-height:33px;text-align:center; "><p data-form="0" data-num="1">                        01</p></section></section></section><section style="margin-top:-28px;background-image: url(/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWjgKLhmkQ1qQtso2x0re1PeialzySa3sCHpscGCOYVU9p55URQc8vRwLFKE2ryw7iaknR7jb76f1BHw/0?wx_fmt=png); background-size:100% 100%;background-position: 0% center; background-repeat: no-repeat;box-sizing: border-box;border-radius:30px 0px 30px 0px;"><section style="padding:12px 12px 12px 12px;background-color:rgba(254, 254, 254, 0.74);"><section style="margin-bottom: 0em;"><img src="https://cdn.file.mixinnet.cn/htmlImg/c50375e932b9b5aad3ff1d71f3303d69.png" style="display:block;width:100%;border-radius:30px 0px 30px 0px;" data-brush="img" data-copyrighted="5418"></section></section></section><section style="margin-top:-38px;display: flex;align-items:flex-end;"><section style="background-image: linear-gradient(90deg, #95eab8, #4dd2ca);padding:0px 10px 0px 14px;display:inline-block;transform: rotatez(0deg);height:38px;"><section style="color:#fff;font-size:18px;line-height:38px;text-align:center;letter-spacing:2px; "><p>                        世界地球日</p></section></section><section style="border-style: solid; border-width: 19px 8px; border-color:  transparent transparent  #4dd2ca   #4dd2ca ; width: 0px; height: 0px;"></section></section></section>

关于我们

快捷导航

联系我们

关于我们