首页
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
序号边框四图
美化源代码
复制源代码
源代码
<section style="margin-top: 10px; margin-bottom: 10px;display:inline-block;"><section style="width:300px;border-style: solid;border-width:3px;border-color: #b9b3e6;border-bottom:none;box-sizing: border-box;height:20px;margin:0px auto;"><span style="color: rgba(255, 215, 213, 0); font-size: 0px;">1</span></section><section style="display: flex;justify-content:center;align-items: center;"><section style="width:200px;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/5d6c32906fd8e0a0af5dc0cab0352c18.png" style="display:block;vertical-align: middle; box-sizing: border-box; width: auto;" data-brush="img" data-copyrighted="4716"></p><section style="margin-top: -30px;margin-left:auto;background: rgba(120, 120, 120, 0.698);height: 30px;width: 32px;border-radius: 30px 0px 0px;box-sizing: border-box;transform: rotatez(0deg);padding-right:5px;"><p style="text-align: right; line-height: 35px;"><span style="color: #ffffff;">1</span></p><p style="text-align: right; line-height: 35px;"><br></p></section></section><section style="width:200px;margin-left:10px;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/e95c7c8d35abc48792ff982e3e8e643b.png" style="display:block;vertical-align: middle; box-sizing: border-box; width: auto;" data-brush="img" data-copyrighted="4725"></p><section style="margin-top: -30px;background: rgba(120, 120, 120, 0.698);height: 30px;width: 32px;border-radius: 0px 30px 0px 0px;box-sizing: border-box;transform: rotatez(0deg);padding-left:5px;"><p style="text-align: left; line-height: 35px;"><span style="color: #ffffff;">2</span></p></section></section></section><section style="width:300px;border-style: solid;border-width:3px;border-color: #b9b3e6;border-bottom:none;border-top:none;box-sizing: border-box;height:10px;margin:0px auto;"></section><section style="display: flex;justify-content:center;align-items: center;"><section style="width:200px;"><section style="margin-bottom: -30px;margin-left:auto;background: rgba(120, 120, 120, 0.698);height: 30px;width: 32px;border-radius: 0px 0px 0px 30px;box-sizing: border-box;transform: rotatez(0deg);padding-right:5px;"><p style="text-align: right; line-height: 30px;"><span style="color: #ffffff;">3</span></p></section><p><img src="https://cdn.file.mixinnet.cn/htmlImg/2c40d017eecf479342fe2e846bcca432.png" style="display:block;vertical-align: middle; box-sizing: border-box; width: auto;" data-brush="img" data-copyrighted="4717"></p></section><section style="width:200px;margin-left:10px;"><section style="margin-bottom: -30px;background: rgba(120, 120, 120, 0.698);height: 30px;width: 32px;border-radius: 0px 0px 30px 0px;box-sizing: border-box;transform: rotatez(0deg);padding-left:5px;"><p style="text-align: left; line-height: 30px;"><span style="color: #ffffff;">4</span></p></section><p><img src="https://cdn.file.mixinnet.cn/htmlImg/f6ab25258d2f23a40fae4796f368904f.png" style="display:block;vertical-align: middle; box-sizing: border-box; width: auto;" data-brush="img" data-copyrighted="4724"></p></section></section><section style="width:300px;border-style: solid;border-width:3px;border-color: #b9b3e6;border-top:none;box-sizing: border-box;height:20px;margin:0px auto;"><span style="color: rgba(255, 215, 213, 0); font-size: 0px;">1</span></section></section>
可视化
1
1
2
3
4
1
