首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
清新水滴单图圆图样式
美化源代码
复制源代码
源代码
<section style=" text-align: center;margin-top: 10px;margin-right: 0%;margin-left: 0%; box-sizing: border-box; "><section style="display: inline-block;min-width: 10%;max-width: 100%;vertical-align: top;padding: 10px;border-color: rgb(209, 203, 203);border-width: 1px;border-radius: 50%;border-style: solid;overflow: hidden;box-sizing: border-box;"><section style=" font-size: 58px;margin-right: 0%;margin-left: 0%; box-sizing: border-box; "><section style="box-sizing: border-box;display: inline-block;vertical-align: bottom;margin: auto;width: 3em;height: 3em;border-radius: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;"><section style="height: 100%;overflow: hidden;line-height: 0;vertical-align: middle;max-width: 100%;box-sizing: border-box;"><img src="https://cdn.file.mixinnet.cn/htmlImg/9ca17cf9b832c280a8f42ea42cfb3773.png" style="box-sizing: border-box;width: 100%;height: 100%;" data-brush="img" data-copyrighted="4356"></section></section></section></section></section><section style=" box-sizing: border-box; "><section style="display: inline-block;vertical-align: top;width: 40%;box-sizing: border-box;"><section style=" box-sizing: border-box; "><section style="text-align: right;font-size: 14px;color: rgb(131, 131, 131);letter-spacing: 3px;box-sizing: border-box;"><p style="box-sizing: border-box;"> 气质</p></section></section></section><section style="display: inline-block;vertical-align: top;width: 20%;box-sizing: border-box;"><section style=" text-align: center;margin: -10px 0% 10px; box-sizing: border-box; "><section style="display: inline-block;width: 30px;height: 45px;vertical-align: top;overflow: hidden;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;box-sizing: border-box;"><section style=" margin-right: 0%;margin-left: 0%; box-sizing: border-box; "><section style="max-width: 100%;vertical-align: middle;display: inline-block;line-height: 0;width: 100%;box-sizing: border-box;"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 54.6 94.2" style="vertical-align: middle;max-width: 100%;width: 100%;box-sizing: border-box;" width="100%"><g style="box-sizing: border-box;"><path style="box-sizing: border-box;" d="M35.3,75.5c0,10.3-7.9,18.7-17.6,18.7C7.9,94.2,0,85.8,0,75.5c0-10.3,17.6-61.9,17.6-61.9 S35.3,65.2,35.3,75.5z" fill="#a0a0a0"></path><g style="box-sizing: border-box;"><path style="box-sizing: border-box;" d="M37.6,0l-1.4,1.4c-0.4,1-0.8,2.3-1.3,3.9l3.4-3.4C37.9,1.2,37.7,0.5,37.6,0z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M39.6,6.1l-7.5,7.5c-0.4,1.2-0.8,2.5-1.2,3.8l9.4-9.4C40,7.4,39.8,6.7,39.6,6.1z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M41.6,12.3L28.3,25.6c-0.4,1.2-0.8,2.5-1.1,3.7l15.1-15.1C42,13.6,41.8,12.9,41.6,12.3z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M43.6,18.4L24.8,37.3c-0.4,1.2-0.7,2.4-1,3.6l20.5-20.5C44,19.7,43.8,19.1,43.6,18.4z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M45.6,24.7L21.7,48.5c-0.3,1.2-0.6,2.3-0.8,3.4l25.3-25.3C46,26,45.8,25.3,45.6,24.7z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M47.5,30.9L19.6,58.8c-0.1,0.7-0.1,1.2-0.1,1.7c0,0.3,0,0.6,0,0.9l28.6-28.6 C47.9,32.2,47.7,31.6,47.5,30.9z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M49.4,37.2L20.3,66.3c0.2,0.6,0.4,1.3,0.7,1.9l29-29C49.8,38.5,49.6,37.9,49.4,37.2z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M51.2,43.6L23,71.8c0.4,0.5,0.7,1,1.1,1.4l27.6-27.6C51.5,44.9,51.4,44.3,51.2,43.6z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M52.9,50L27,75.9c0.5,0.4,1,0.7,1.5,1l24.8-24.8C53.2,51.5,53,50.8,52.9,50z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M54.6,59c-0.1-0.7-0.2-1.4-0.3-2.3L32.5,78.6c0.3,0.1,0.6,0.2,0.9,0.2c0.5,0,1,0,1.5,0L54.6,59z" fill="rgb(107,105,105)"></path><path style="box-sizing: border-box;" d="M41.8,78.6c0.8-0.2,1.6-0.5,2.3-0.8l8.7-8.7c0.6-1.2,1.1-2.6,1.4-4L40.6,78.6 C41,78.6,41.4,78.6,41.8,78.6z" fill="rgb(107,105,105)"></path></g></g></svg></section></section></section></section></section><section style="display: inline-block;vertical-align: top;width: 40%;box-sizing: border-box;"><section style=" box-sizing: border-box; "><section style="font-size: 14px;color: rgb(131, 131, 131);letter-spacing: 3px;box-sizing: border-box;"><p style="box-sizing: border-box;"> 单图</p></section></section></section></section>
可视化
气质
单图
