青年节序号边框三图

美化源代码
复制源代码
源代码
<section style="margin:10px 0px;padding-bottom:32px;box-sizing:border-box;"><section style="width:40%;margin-left:2em;margin-bottom:unset;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/cd4d688791c7f6dabe665b7193476fb2.png" style="display:block;width:100%;" data-copyrighted="21460" data-brush="img" _src="https://cdn.file.mixinnet.cn/htmlImg/cd4d688791c7f6dabe665b7193476fb2.png"></p></section><section style="width:65%;margin-left:auto;margin-top:10px;margin-bottom:unset;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/cd4d688791c7f6dabe665b7193476fb2.png" style="display:block;width:100%;" data-copyrighted="21460" data-brush="img" _src="https://cdn.file.mixinnet.cn/htmlImg/cd4d688791c7f6dabe665b7193476fb2.png"></p></section><section style="display:flex;justify-content:flex-start;align-items:flex-end;margin-top:-2.5em;margin-bottom:unset;"><section style="width:60%;background-color:rgb(254, 254, 254);padding:4px;box-sizing:border-box;margin-bottom:unset;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/cd4d688791c7f6dabe665b7193476fb2.png" style="display:block;width:100%;" data-copyrighted="21460" data-brush="img" _src="https://cdn.file.mixinnet.cn/htmlImg/cd4d688791c7f6dabe665b7193476fb2.png"></p></section><section style="width:40px;margin-left:10px;margin-bottom:unset;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/19655faa89b1141c02547759228c99c4.png" style="display:block;width:100%;" _src="https://cdn.file.mixinnet.cn/htmlImg/19655faa89b1141c02547759228c99c4.png"></p></section><section style="background-color:#ffdd76;padding:2px 10px;border-radius:20px;box-sizing:border-box;margin-bottom:unset;margin-bottom:-30px;margin-left:-33px;transform:rotate(-7deg);-webkit-transform:rotate(-7deg);-moz-transform:rotate(-7deg);-ms-transform:rotate(-7deg);-o-transform:rotate(-7deg);"><p style="font-size:13px;letter-spacing:1px;color:#FEFEFE;"><strong>No.1</strong></p></section></section></section>
可视化
No.1
专注移动端开发

快速链接

关于我们

115cms信息内容管理系统
