初夏序号边框渐变正文

源代码

<section style="margin:10px 0px;"><section style="display:flex;justify-content:flex-start;align-items:flex-end;margin-bottom:unset;"><section style="border:1px solid #cbf7aa;border-radius:50%;padding:6px 8px;box-sizing:border-box;margin-bottom:unset;transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);"><p style="font-size:16px;letter-spacing:2px;color:#000;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);"><strong><em>0</em></strong></p></section><section style="border:1px solid #cbf7aa;border-radius:50%;padding:6px 8px;margin-left:-3px;box-sizing:border-box;margin-bottom:unset;transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);"><p style="font-size:16px;letter-spacing:2px;color:#000;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);"><strong><em>1</em></strong></p></section><section style="background-image:linear-gradient(90deg, #e8f9ff, #fefefe);padding:5px 26px;border-radius:30px;box-sizing:border-box;margin-bottom:unset;margin-left:12px;"><p style="font-size:16px;letter-spacing:2px;color:#000;"><em>五月初夏</em></p></section><section style="width:23px;margin-bottom:23px;margin-left:-15px;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/c2dc9c71f0fb2d1d059b344b3bb69a92.png" style="display:block;width:100%;" _src="https://cdn.file.mixinnet.cn/htmlImg/c2dc9c71f0fb2d1d059b344b3bb69a92.png"></p></section></section><section style="border-left:1px solid rgb(203, 247, 170);padding:5px 10px;margin-top:5px;box-sizing:border-box;margin-bottom:unset;"><p style="font-size:14px;letter-spacing:2px;line-height:1.75;color:#000;">漫步在郊外的小径上，可以看到五彩斑斓的花朵竟相绽放，花海中蜜蜂忙碌地采集着花蜜，蝴蝶翩翩起舞。</p></section><section style="margin-top:10px;margin-bottom:unset;"><section style="display:flex;justify-content:flex-start;align-items:flex-end;margin-bottom:unset;"><section style="border:1px solid #cbf7aa;border-radius:50%;padding:6px 8px;box-sizing:border-box;margin-bottom:unset;transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);"><p style="font-size:16px;letter-spacing:2px;color:#000;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);"><strong><em>0</em></strong></p></section><section style="border:1px solid #cbf7aa;border-radius:50%;padding:6px 8px;margin-left:-3px;box-sizing:border-box;margin-bottom:unset;transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);"><p style="font-size:16px;letter-spacing:2px;color:#000;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);"><strong><em>2</em></strong></p></section><section style="background-image:linear-gradient(90deg, #e8f9ff, #fefefe);padding:5px 26px;border-radius:30px;box-sizing:border-box;margin-bottom:unset;margin-left:12px;"><p style="font-size:16px;letter-spacing:2px;color:#000;"><em>五月初夏</em></p></section><section style="width:23px;margin-bottom:23px;margin-left:-15px;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/c2dc9c71f0fb2d1d059b344b3bb69a92.png" style="display:block;width:100%;" _src="https://cdn.file.mixinnet.cn/htmlImg/c2dc9c71f0fb2d1d059b344b3bb69a92.png"></p></section></section><section style="border-left:1px solid rgb(203, 247, 170);padding:5px 10px;margin-top:5px;box-sizing:border-box;margin-bottom:unset;"><p style="font-size:14px;letter-spacing:2px;line-height:1.75;color:#000;">漫步在郊外的小径上，可以看到五彩斑斓的花朵竟相绽放，花海中蜜蜂忙碌地采集着花蜜，蝴蝶翩翩起舞。</p></section></section></section>

关于我们

快捷导航

联系我们

关于我们