首页
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
综合版
演示/介绍
使用文档
安装环境
图标下载
登录
单图圆圈边框线框立体单图
美化源代码
复制源代码
源代码
<section style="margin-top: 10px; margin-bottom: 10px; text-align: center;"><section style="display: inline-block;background-color:#fff2db;"><section style="height: 25px;width: 100%;border-left: 1px solid #f1b342;transform-origin: left top 0px;margin-bottom: -26px;border-top-color: #f1b342;border-right-color: #f1b342;border-bottom-color: #f1b342;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);"></section><section style="height: 25px;width: 100%;border-right: 1px solid #f1b342;transform-origin: right top 0px;margin-bottom: -26px;border-top-color: #f1b342;border-left-color: #f1b342;border-bottom-color: #f1b342;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);"></section><section style="border-width: 1px;border-style: solid;border-color: #f1b342;box-sizing: border-box;"><section style="display: flex;align-items: center;"><section style="width:15px;margin:0px 3px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/76bd76c14f6920091ebbc0c17c805732.png" style="display:block;"></section><section style="margin:18px 0px;border-width: 1px;border-style: solid;border-color: #f1b342;box-sizing: border-box;padding:10px;"><p style="text-align: center"><img src="https://cdn.file.mixinnet.cn/htmlImg/cf01fab4404d9446515b9e4d5c7335e2.png" style="display: block; width:100%;" alt="" data-brush="img" data-copyrighted="6823"></p></section><section style="width:15px;margin:0px 3px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/76bd76c14f6920091ebbc0c17c805732.png" style="display:block;"></section></section><section style="height: 25px;width: 100%;border-left: 1px solid #f1b342;transform-origin: left top 0px;margin-bottom: -26px;border-top-color: #f1b342;border-right-color: #f1b342;border-bottom-color: #f1b342;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);"></section><section style="height: 25px;width: 100%;border-right: 1px solid #f1b342;transform-origin: right top 0px;margin-bottom: -26px;border-top-color: #f1b342;border-left-color: #f1b342;border-bottom-color: #f1b342;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);"></section></section></section></section>
可视化
