年终总结箭头底色三图

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="background-image:linear-gradient(90deg, #f6f7f8 70%,#fefefe 0%);padding:15px 0px;"><section style="display:flex;justify-content:center;align-items:flex-end;"><section style="width:50%;"><img src="https://cdn.file.mixinnet.cn/htmlImg/b43c942ea58df20e14430175d2c676a9.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="6234"></section><section style="width:50%;margin-left:15px;"><section style="display:flex;transform:rotate(0deg);justify-content:center;"><section style="height:0px;border-top:18px solid transparent;border-right:10px solid #5d8bff;border-bottom:18px solid transparent;border-left-color:#5d8bff;box-sizing:border-box;"></section><section style="background-color:#5d8bff;padding:5px 7px 5px 15px;z-index:1;"><section style="font-size:16px;color:#fefefe;letter-spacing:2px;text-align:center;margin-left:1px;"><p><strong>年终总结</strong></p></section></section><section style="border-style:solid;border-width:18px 8px 18px 8px;border-color:#5d8bff transparent  #5d8bff #5d8bff;width:0px;height:0px;transform:rotatez(0deg);z-index:1000;"></section></section><section style="    margin-top:30px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/04041d9f683f1bdcb6a07721e5505da0.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="6234"></section><section style="margin-top:15px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/54a7f4eeb04ba5ce6a976dbd0d6a1518.png" style="display:block;width:100%;" data-brush="img" data-copyrighted="6234"></section></section></section></section></section>

可视化

年终总结

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统