圆圈渐变边框线框正文序号编号

源代码

<section  style="text-align: left;margin:10px 0px;"><section style="background-color:#fefefe;display:inline-block;"><section style="display: flex;align-items:flex-end;"><section style="width:14px;height:14px;border-radius:50%;background-color:#ffe4b0;margin-bottom:13px;"></section><section style="margin-left:3px;width:43px;height:43px;border-radius:50%;background-image: linear-gradient(90deg, #ffe4b0, #fefefe);"><section style="color: #fee3b1; font-size: 22px; text-shadow: #e5433a 1px 1px, #e5433a 1px -1px, #e5433a -1px 1px, #e5433a -1px -1px, #e5433a 0px 1.4px, #e5433a 0px -1.4px, #e5433a -1.4px 0px, #e5433a 1.4px 0px; box-sizing: border-box;line-height:42px;text-align: center;"><p><strong>1</strong></p></section></section><section style="margin-left:-10px;width:22px;height:22px;border-radius:50%;background-image: linear-gradient(90deg, #ffe4b0, #fefefe);"></section><section style="border-bottom:solid 2px #e3b98a;display:inline-block;"><section style="display: flex;justify-content:center;align-items:center;"><section style="color:#ee0000;letter-spacing:2px;padding:2px 10px 2px 10px;transform: rotatez(0deg);font-size:18px;"><p>                            商务标题</p></section><section style="color:#ee0000;padding:2px 10px 2px 0px;transform: rotatez(0deg);font-size:14px;"><p>                            // Business title</p></section></section></section></section></section><section style="margin-top: -20px; border: 1px solid #db0505; border-radius: 10px; padding: 30px 13px 12px; text-align: left;"><section style="display: flex;align-items:center;"><section><section style="display:inline-block;"><section style="color:#db0505;font-size:26px;padding:0px 5px;"><p>                            01</p></section><section style="margin-top:-15px;width:100%;height:12px;background-image: linear-gradient(180deg, #ffe3ac, #fffcf5);"></section><section style="color:#777777;font-size:14px;"><p>                            FIRST</p></section></section></section><section style="width:86%;margin-left:15px;color:#323232;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;"><p>                    受行业影响，销售业绩整体呈现上升趋势，大型店发展遇到瓶颈，中型店前途迷茫，新产品的释放为未来的市场引入了无限希望。</p></section></section><section style="margin:10px 0px 0px;"><section style="border-top:dashed 1px #db0505;padding:10px 0px;"><section style="display: flex;align-items:center;"><section><section style="display:inline-block;"><section style="color:#db0505;font-size:26px;padding:0px 5px;"><p>                                    02</p></section><section style="margin-top:-15px;width:100%;height:12px;background-image: linear-gradient(180deg, #ffe3ac, #fffcf5);"></section><section style="color:#777777;font-size:14px;"><p>                                    second</p></section></section></section><section style="width:86%;margin-left:15px;color:#323232;letter-spacing:2px;font-size:14px;line-height:1.75em;text-align:left;transform: rotatez(0deg);text-align: justify;"><p>                            受行业影响，销售业绩整体呈现上升趋势，大型店发展遇到瓶颈，中型店前途迷茫，新产品的释放为未来的市场引入了无限希望。</p></section></section></section></section></section></section>

可视化

商务标题

// Business title

FIRST

受行业影响，销售业绩整体呈现上升趋势，大型店发展遇到瓶颈，中型店前途迷茫，新产品的释放为未来的市场引入了无限希望。

second

受行业影响，销售业绩整体呈现上升趋势，大型店发展遇到瓶颈，中型店前途迷茫，新产品的释放为未来的市场引入了无限希望。

关于我们

快捷导航

联系我们

关于我们