商务通用圆角渐变序号双图

美化源代码
复制源代码
源代码
<section style="margin:10px 0px;"><p style="font-size:16px;letter-spacing:2px;color:#000;"><strong>商务通用</strong></p><section style="display:flex;justify-content:space-between;align-items:center;margin-top:-34px;margin-bottom:-30px;margin-right:4em;margin-left:3em;"><section style="display:inline-block;background-color:#81c2e5;padding:2px 10px;box-sizing:border-box;margin-bottom:unset;"><p style="text-align:center;font-size:10px;letter-spacing:5px;line-height:1.75;color:#fefefe;">BE CURRENT</p></section><section style="background-image:linear-gradient(#fefefe00, #ccebf9);padding:35px 17px;border-radius:300px;box-sizing:border-box;margin-bottom:unset;z-index:1;"><section style="font-size:22px;color:#000;margin-bottom:unset;text-align:center;"><p><em><strong><span data-form="0" data-num="1">01</span></strong></em></p></section><section style="width:30px;height:1px;background-color:#000;margin:0px auto;"></section></section></section><section style="margin-bottom:unset;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/e04cc58bf6e2cbf3da05b829644adf2f.png" style="display:block;width:100%;border-radius:300px;" data-copyrighted="44049" data-brush="img" _src="https://cdn.file.mixinnet.cn/htmlImg/e04cc58bf6e2cbf3da05b829644adf2f.png"></p></section><section style="margin-top:12px;margin-bottom:unset;"><section style="margin-top:-34px;margin-bottom:-30px;text-align:right;margin-right:4em;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);"><section style="background-image:linear-gradient(#fefefe00, #ccebf9);padding:35px 17px;border-radius:300px;box-sizing:border-box;margin-bottom:unset;z-index:1;display:inline-block;"><section style="font-size:22px;color:#000;margin-bottom:unset;text-align:center;"><p><em><strong><span data-form="0" data-num="2">02</span></strong></em></p></section><section style="width:30px;height:1px;background-color:#000;margin:0px auto;"></section></section></section><section style="margin-bottom:unset;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/e04cc58bf6e2cbf3da05b829644adf2f.png" style="display:block;width:100%;border-radius:300px;" data-copyrighted="44049" data-brush="img" _src="https://cdn.file.mixinnet.cn/htmlImg/e04cc58bf6e2cbf3da05b829644adf2f.png"></p></section></section></section>
可视化
商务通用
BE CURRENT
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
