春季运动会边框圆角曲线标题

美化源代码

复制源代码

源代码
<section style="display:flex;margin:10px 0px;justify-content:center;align-items:center;padding-top:5px;box-sizing:border-box;"><section style="width:29px;margin-bottom:auto;margin-top:-6px;margin-right:-12px;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/ac874585ea0ea721b4522a28eeccc007.png" style="width:100%;display:block;" _src="https://cdn.file.mixinnet.cn/htmlImg/ac874585ea0ea721b4522a28eeccc007.png"></p></section><section style="border:2px solid rgb(166, 202, 55);padding:4px 25px;border-radius:5px;box-sizing:border-box;margin-bottom:unset;transform:skewX(-18deg);-webkit-transform:skewX(-18deg);-moz-transform:skewX(-18deg);-ms-transform:skewX(-18deg);-o-transform:skewX(-18deg);"><p style="font-size:16px;letter-spacing:2px;color:#a6ca37;transform:skewX(18deg);-webkit-transform:skewX(18deg);-moz-transform:skewX(18deg);-ms-transform:skewX(18deg);-o-transform:skewX(18deg);"><strong>春季运动会</strong></p></section><section style="background-color:rgb(255, 164, 76);padding:1px 15px;border-radius:50%;margin-left:-19px;box-sizing:border-box;margin-bottom:unset;transform:rotate(4deg);-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);"><p style="font-size:11px;letter-spacing:0px;color:#fefefe;">SPORTS</p></section></section>

可视化

春季运动会

SPORTS

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统