时间轴序号圆角底色图文

美化源代码
复制源代码
源代码
<section style="margin:10px 0px;"><section style="display:flex;justify-content:center;align-items:flex-end;"><section style="width:45%;"><section style="width:35px;height:35px;background-color:#c9e546;text-align:center;border-radius:50%;transform:rotate(0deg);margin-left:auto;"><section style="font-size:15px;color:#fefefe;line-height:35px;"><p><strong><span data-form="0" data-num="1">01</span></strong></p></section></section><section style="border-right:solid 1px #4180d8;padding:20px 0px;margin-right:16px;"><section style="margin:0px -20px 0px 20px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d4b0f5410f9cd073751a59ae1e088d30.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="9713" _src="https://cdn.file.mixinnet.cn/htmlImg/d4b0f5410f9cd073751a59ae1e088d30.png"></section></section></section><section style="width:55%;background-color:#f6faff;padding:20px;margin-bottom:20px;margin-left:15px;"><section style="font-size:14px;letter-spacing:2px;line-height:1.75;"><p>关注环境质量、自然生态能源资源状况。</p></section></section></section><section><section style="display:flex;justify-content:center;align-items:flex-end;margin-top:12px;"><section style="width:45%;"><section style="width:35px;height:35px;background-color:#4180d8;text-align:center;border-radius:50%;transform:rotate(0deg);margin-left:auto;"><section style="font-size:15px;color:#fefefe;line-height:35px;"><p><strong><span data-form="0" data-num="2">02</span></strong></p></section></section><section style="border-right:solid 1px #4180d8;padding:20px 0px;margin-right:16px;"><section style="background-color:#f6faff;padding:20px;margin-left:20px;margin-right:-20px;"><section style="font-size:14px;letter-spacing:2px;line-height:1.75;"><p>关注环境质量、自然生态能源资源状况。</p></section></section></section></section><section style="width:55%;"><section style="margin-left:15px;margin-bottom:20px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d4b0f5410f9cd073751a59ae1e088d30.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="9713" _src="https://cdn.file.mixinnet.cn/htmlImg/d4b0f5410f9cd073751a59ae1e088d30.png"></section></section></section><section style="display:flex;justify-content:center;align-items:flex-end;margin-top:12px;"><section style="width:45%;"><section style="width:35px;height:35px;background-color:#c9e546;text-align:center;border-radius:50%;transform:rotate(0deg);margin-left:auto;"><section style="font-size:15px;color:#fefefe;line-height:35px;"><p><strong><span data-form="0" data-num="3">03</span></strong></p></section></section><section style="border-right:solid 1px #4180d8;padding:20px 0px;margin-right:16px;"><section style="margin:0px -20px 0px 20px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d4b0f5410f9cd073751a59ae1e088d30.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="9713" _src="https://cdn.file.mixinnet.cn/htmlImg/d4b0f5410f9cd073751a59ae1e088d30.png"></section></section></section><section style="width:55%;background-color:#f6faff;padding:20px;margin-bottom:20px;margin-left:15px;"><section style="font-size:14px;letter-spacing:2px;line-height:1.75;"><p>关注环境质量、自然生态能源资源状况。</p></section></section></section></section></section>
可视化
关注环境质量、自然生态能源资源状况。
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
