首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
阴影并列三图圆图简约
美化源代码
复制源代码
源代码
<section style="text-align: center;margin:10px 0px;"><section style="display: flex;justify-content:center;align-items:center;"><section style="overflow: hidden;background-position: 50% 50%; background-size: cover; border-radius: 100%; box-sizing: border-box;box-shadow:0px 4px 4px #90a8cb;"><section style="width:100px;height: 100px;border-radius: 100%;overflow: hidden;"><section style="width:100px;height: 100px;"><img style="display: block; width: 100%; height: auto;" src="https://cdn.file.mixinnet.cn/htmlImg/ff329022cacc4ef0723e31c06899fe1a.png" alt="" data-brush="img" data-copyrighted="192"></section></section></section><section style="margin:0px 8px;overflow: hidden;background-position: 50% 50%; background-size: cover; border-radius: 100%; box-sizing: border-box;box-shadow:0px 4px 4px #90a8cb;"><section style="width:100px;height: 100px;border-radius: 100%;overflow: hidden;"><section style="width:100px;height: 100px;"><img style="display: block; width: 100%; height: auto;" src="https://cdn.file.mixinnet.cn/htmlImg/ff329022cacc4ef0723e31c06899fe1a.png" alt="" data-brush="img" data-copyrighted="192"></section></section></section><section style="overflow: hidden;background-position: 50% 50%; background-size: cover; border-radius: 100%; box-sizing: border-box;box-shadow:0px 4px 4px #90a8cb;"><section style="width:100px;height: 100px;border-radius: 100%;overflow: hidden;"><section style="width:100px;height: 100px;"><img style="display: block; width: 100%; height: auto;" src="https://cdn.file.mixinnet.cn/htmlImg/ff329022cacc4ef0723e31c06899fe1a.png" alt="" data-brush="img" data-copyrighted="192"></section></section></section></section><section style="margin-top:-15px;"><section style="width:95%;height:20px;margin:0px auto;background-color:#daecff;box-shadow:0px 0px 26px #b4d3ff;border-radius:50%;"></section></section></section>
可视化
