国际奥林匹克日底色渐变标题

美化源代码

复制源代码

源代码
<section style="display:flex;margin:10px 0px;justify-content:center;align-items:flex-end;"><section style="width:25px;height:32px;background-color:rgb(255, 213, 94);margin-right:-18px;margin-bottom:unset;overflow:hidden;line-height:0;"></section><section style="background-image:linear-gradient(90deg, rgb(84, 179, 230), rgb(38, 128, 202));padding:3px 25px;box-sizing:border-box;margin-bottom:unset;transform:skewX(20deg);-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);-ms-transform:skewX(20deg);-o-transform:skewX(20deg);"><p style="font-size:16px;letter-spacing:2px;color:#fefefe;transform:skewX(-20deg);-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);"><strong>国际奥林匹克日</strong></p></section><section style="width:32px;margin-bottom:14px;margin-left:-20px;"><p><img src="https://cdn.file.mixinnet.cn/htmlImg/b8b74b4e3438ea781246cdbd7a7fa836.png" style="width:100%;display:block;" _src="https://cdn.file.mixinnet.cn/htmlImg/b8b74b4e3438ea781246cdbd7a7fa836.png"></p></section></section>

可视化

国际奥林匹克日

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统