首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
圆圈数字简单四图
美化源代码
复制源代码
源代码
<section style="text-align:center;"><section style="display: flex;justify-content:center;align-items: center;"><section style="width:49%;display:inline-block;vertical-align:middle;"><section style="width:20%;height:20px;display:inline-block;vertical-align:middle;text-align:right;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 20px;height: 20px;background-color: #e4c280;color: #ffffff;text-align: center;line-height: 20px;display: inline-block;vertical-align: top;border-radius: 50%;margin-right: -10px;box-sizing: border-box;"><p style="font-size: 14px;"> 1</p></section></section><section style="width:80%;display:inline-block;vertical-align:middle;"><img src="https://cdn.file.mixinnet.cn/htmlImg/8f90131241eede9c1652148729615a63.png" style="width: 100%;border-radius:50%;" data-brush="img" data-copyrighted="6783"></section></section><section style="width:49%;display:inline-block;vertical-align:middle;margin-left:1%;"><section style="width:20%;height:20px;display:inline-block;vertical-align:middle;text-align:right;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 20px;height: 20px;background-color: #e4c280;color: #ffffff;text-align: center;line-height: 20px;display: inline-block;vertical-align: top;border-radius: 50%;margin-right: -10px;box-sizing: border-box;"><p style="font-size: 14px;"> 2</p></section></section><section style="width:80%;display:inline-block;vertical-align:middle;"><img src="https://cdn.file.mixinnet.cn/htmlImg/8f90131241eede9c1652148729615a63.png" style="width: 100%;border-radius:50%;" data-brush="img" data-copyrighted="6783"></section></section></section><section style="display: flex;justify-content:center;align-items: center;"><section style="text-align:center;margin-top:5px;"><section style="width:49%;display:inline-block;vertical-align:middle;"><section style="width:20%;height:20px;display:inline-block;vertical-align:middle;text-align:right;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 20px;height: 20px;background-color: #e4c280;color: #ffffff;text-align: center;line-height: 20px;display: inline-block;vertical-align: top;border-radius: 50%;margin-right: -10px;box-sizing: border-box;"><p style="font-size: 14px;"> 4</p></section></section><section style="width:80%;display:inline-block;vertical-align:middle;"><img src="https://cdn.file.mixinnet.cn/htmlImg/8f90131241eede9c1652148729615a63.png" style="width: 100%;border-radius:50%;" data-brush="img" data-copyrighted="6783"></section></section><section style="width:49%;display:inline-block;vertical-align:middle;margin-left:1%;"><section style="width:20%;height:20px;display:inline-block;vertical-align:middle;text-align:right;transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);"><section style="width: 20px;height: 20px;background-color: #e4c280;color: #ffffff;text-align: center;line-height: 20px;display: inline-block;vertical-align: top;border-radius: 50%;margin-right: -10px;box-sizing: border-box;"><p style="font-size: 14px;"> 3</p></section></section><section style="width:80%;display:inline-block;vertical-align:middle;"><img src="https://cdn.file.mixinnet.cn/htmlImg/8f90131241eede9c1652148729615a63.png" style="width: 100%;border-radius:50%;" data-brush="img" data-copyrighted="6783"></section></section></section></section></section>
可视化
1
2
4
3
