几何形标题

源代码

<section style="width:100%;text-align:center;"><section style="display:inline-block;"><section style="display:flex;"><section style="font-size:18px;color:#6c9cd3;font-weight:bold;margin-right:10px;"  >今日话题</section><section style="width:19px;height:26px;background-image:url(https://cdn.file.mixinnet.cn/htmlImg/b8596db8593c59232ee8d4187339bc15.png);background-size:100% 100%;background-color:#6c9cd3;"></section></section></section></section><section style="width:100%;text-align:center;"><section style="display:inline-block;"><section style="display:flex;"><section style="height:0;width:0;border:30px solid #6c9bd2;border-color:#6c9bd2 transparent transparent transparent;"></section><section style="width:215px;height:30px;text-align:center;line-height:30px;background-color:#6c9bd2;color:#fff;transform:skewX(-45deg);-webkit-transform:skewX(-45deg);-moz-transform:skewX(-45deg);-o-transform:skewX(-45deg);"><section style=";font-size:16px;transform:skewX(45deg);-webkit-transform:skewX(45deg);-moz-transform:skewX(45deg);-o-transform:skewX(45deg);"  >不会发到朋友圈的真心话</section></section></section></section></section>

关于我们

快捷导航

联系我们

关于我们