动态校园篮球圆角序号三角双图

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;display:flex;"><section style="width:50%;text-align:center;"><section style="display:inline-block;padding:6px 8px;background-image:linear-gradient(46deg, #ffb75c 50%,#ffab40 0%);border-radius:5px;transform:skewX(-14deg);"><section style="font-size:16px;color:#fefefe;letter-spacing:1px;text-align:center;transform:skewX(14deg);"><p><strong data-form="0" data-num="1">01</strong></p></section></section><section style="    margin-top:12px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d18af3eb557e64954c96c78daf67f7b0.png" style="display:block;width:100%;border-radius:8px;" data-brush="img" data-copyrighted="6325"></section></section><section style="width:50%;margin-left:15px;"><section style="    margin-bottom:5px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/d18af3eb557e64954c96c78daf67f7b0.png" style="display:block;width:100%;border-radius:8px;" data-brush="img" data-copyrighted="6325"></section><section style="display:inline-block;margin-left:-35px;"><section style="display:flex;"><section style="width:35px;margin-left:auto;margin-right:-22px;margin-bottom:-16px;z-index:1;"><img src="https://cdn.file.mixinnet.cn/htmlImg/4ab58882153896f012a16e904b557d53.png" style="display:block;width:100%;"></section></section><section style="background-color:#3699ef;padding:6px 20px;border-radius:5px;transform:skewX(-14deg);margin-left:5px;"><section style="font-sizE:16px;letter-spacing:2px;color:#fefefe;transform:skewX(14deg);"><p><strong>校园篮球赛</strong></p></section></section></section></section></section>

可视化

校园篮球赛

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统