首页
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
综合版
演示/介绍
活动
使用文档
安装环境
样式中心
登录
菱形元宵节正月十五标题
美化源代码
复制源代码
源代码
<section style="text-align: center;margin:15px 0px;"><section style="display:inline-block;"><section style="display: flex;justify-content:center;align-items:center;z-index:1000;"><section style="background-color:#ff7c69;padding:3px;-webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotatez(45deg); -o-transform: rotatez(45deg); transform: rotatez(45deg);"><section style="border:solid 1px #ffe2ce;color:#fff;font-size:20px;width:35px;height:35px;"><p style="-webkit-transform: rotatez(-45deg); -moz-transform: rotatez(-45deg); -ms-transform: rotatez(-45deg); -o-transform: rotatez(-45deg); transform: rotatez(-45deg);"><strong>元</strong></p></section></section><section style="width:12px;height:12px;background-color:#ffd973;border-radius:50%;margin:0px 10px 0px 14px;"></section><section style="background-color:#ffebe8;border-radius:50px;padding:3px 20px;color:#e43c18;font-size:18px;letter-spacing:2px;"><p> 正月十五</p></section><section style="width:12px;height:12px;background-color:#ffd973;border-radius:50%;margin:0px 14px 0px 10px;"></section><section style="display: flex;justify-content:center;align-items:center;z-index:1000;"><section style="background-color:#ff7c69;padding:3px;-webkit-transform: rotatez(45deg); -moz-transform: rotatez(45deg); -ms-transform: rotatez(45deg); -o-transform: rotatez(45deg); transform: rotatez(45deg);"><section style="border:solid 1px #ffe2ce;color:#fff;font-size:20px;width:35px;height:35px;"><p style="-webkit-transform: rotatez(-45deg); -moz-transform: rotatez(-45deg); -ms-transform: rotatez(-45deg); -o-transform: rotatez(-45deg); transform: rotatez(-45deg);"><strong>宵</strong></p></section></section></section></section></section></section>
可视化
元
正月十五
宵
