台风圆角序号底色标题

源代码

<section style="text-align:center;margin:10px 0px;"><section style="display:inline-block;"><section style="text-align:right;"><section style="display:inline-block;"><section style="display:flex;justify-content:center;align-items:center;background-color:#e2f6ff;border-radius:8px 8px 0 0;padding:5px 15px 3px 15px;"><section style="width:8px;height:8px;background-color:#548093;border-radius:100%;"></section><section style="font-size:15px;line-height:17px;color:#548093;letter-spacing:0px;margin-left:10px;"><p><em>PART 1</em></p></section></section></section></section><section style="display:flex;justify-content:center;align-items:flex-end;"><section style="font-size:17px;line-height:17px;color:#fff;letter-spacing:1px;background-color:#548093;border-radius:10px 0 10px 10px;padding:10px 28px;transform:RotateZ(0deg);"><p><strong>台风是如何形成的</strong></p></section></section><section style="display:flex;justify-content:flex-start;align-items:center;"><section style="border-top:15px solid #548093;border-left:12px solid transparent;line-height:0px;margin-left:1em;"></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们