双色吊牌样式底色简约标题

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="width:100%;height:1px;background-color:#ffd400;"></section><section style="display: flex;justify-content:center;align-items:center;"><section style="border-radius:0px 0px 30px 30px;padding:0px 7px 5px;background-color:#88baf5;color:#fff;font-size:20px;"><p>                吊</p></section><section style="display: flex;justify-content:center;align-items:center;"><section><section style="display: flex;justify-content:center;align-items:center;"><section style="margin-left:10px;border-radius:0px 0px 30px 30px;padding:0px 7px 5px;background-color:#ffaec4;color:#fff;font-size:20px;"><p>                            旗</p></section><section style="margin-left:10px;border-radius:0px 0px 30px 30px;padding:0px 7px 5px;background-color:#88baf5;color:#fff;font-size:20px;"><p>                            样</p></section></section></section><section><section style="display: flex;justify-content:center;align-items:center;"><section style="margin-left:10px;border-radius:0px 0px 30px 30px;padding:0px 7px 5px;background-color:#ffaec4;color:#fff;font-size:20px;"><p>                            式</p></section><section style="margin-left:10px;border-radius:0px 0px 30px 30px;padding:0px 7px 5px;background-color:#88baf5;color:#fff;font-size:20px;"><p>                            标</p></section></section></section></section><section style="display: flex;justify-content:center;align-items:center;"><section style="margin-left:10px;border-radius:0px 0px 30px 30px;padding:0px 7px 5px;background-color:#ffaec4;color:#fff;font-size:20px;"><p>                    题</p></section></section></section></section>

可视化

吊

旗

样

式

标

题

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统