寒露二十四节气底色四角标题

美化源代码

复制源代码

源代码
<sectionstyle="margin: 10px 0px; text-align: center;"><section style="background-color:#97a7c9;display:inline-block;"><section style="display: flex;justify-content:space-between;align-items:center;"><section style="background-color:#84aeea;display:inline-block;padding:3px 3px 3px 3px;border-radius:0px 0px 50% 0px;transform: rotatez(0deg);"><section style="width:5px;height:5px;border-radius:50%;background-color:#39548b;"></section></section><section style="background-color:#84aeea;display:inline-block;padding:3px;border-radius:0px 0px  0px 50%;transform: rotatez(0deg);"><section style="width:5px;height:5px;border-radius:50%;background-color:#39548b;"></section></section></section><section style="margin: -7px 4px;"><section style="background-color:#39548b;padding:5px 20px;"><p style="text-align: center; letter-spacing: 2px;"><span style="color: #ffffff; letter-spacing: 2px;">寒露节气标题</span></p></section></section><section style="display: flex;justify-content:space-between;align-items:center;"><section style="background-color:#84aeea;display:inline-block;padding:3px 3px;border-radius:0px 50% 0px 0px;transform: rotatez(0deg);"><section style="width:5px;height:5px;border-radius:50%;background-color:#39548b;"></section></section><section style="background-color:#84aeea;display:inline-block;padding:3px 3px;border-radius:50% 0px  0px 0px;transform: rotatez(0deg);"><section style="width:5px;height:5px;border-radius:50%;background-color:#39548b;"></section></section></section></section></section>

可视化

寒露节气标题

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统