首页
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
渐变腊八粥腊八节线条分割线菱形方块
美化源代码
复制源代码
源代码
<section style="text-align: center;margin: 10px 0%;box-sizing: border-box;"><section style="display: flex;justify-content:center;align-items:center;"><section style="display: inline-block; vertical-align: middle; width: 37%; box-sizing: border-box;"><section style="background-image: linear-gradient(90deg,#ffdfce,#ff9e6b);height:1px;"></section></section><section style="width:10px;height:10px;border:solid 1px #ffa574;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="margin-left:-3px;width:12px;height:12px;border:solid 1px #ffa574;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="width:55px;margin-left:5px;margin-right:5px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/b468e3380ca941b5499a2773a2eae5e2.png" style="display: block; width: auto; height: auto;" alt=""></section><section style="width:12px;height:12px;border:solid 1px #ffa574;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="margin-left:-3px;width:10px;height:10px;border:solid 1px #ffa574;transform: rotatez(45deg);-webkit-transform: rotatez(45deg);-moz-transform: rotatez(45deg);-ms-transform: rotatez(45deg);-o-transform: rotatez(45deg);"></section><section style="display: inline-block; vertical-align: middle; width:37%"><section style="background-image: linear-gradient(90deg,#ff9e6b,#ffdfce);height:1px;"></section></section></section></section>
可视化
