涂鸦背景三角渐变引导关注

美化源代码

复制源代码

源代码
<section style="margin:10px 0px;"><section style="background-image: url("/public/static/img/dian.png?id=mmbiz_png/Ljib4So7yuWiaCWXBm2jAVTOUiaZuVXnIYIAd9C9vvbcw50acEtpZm6QDBOrjoGCoibyvZry0Bnaw5b7owZYNVbfUQ/0?wx_fmt=png"); background-size: 100% 100%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-position: 50% 50%; padding: 4px 10px 10px; text-align: center;"><section style="display:inline-block;"><section style="display: flex;justify-content:center;align-items:center;"><section style="height:0px;width: 0px;display: inline-block;border-bottom: 1.1em solid #b7c2f9;border-left: 0.7em solid transparent !important;border-right: 0.7em solid transparent !important;box-sizing: border-box;"><br></section><section style="margin:0px 0px 0px 10px;color: #9aa6e5; font-size: 18px; text-shadow: #fdfdfd 1px 1px, #fdfdfd 1px -1px, #fdfdfd -1px 1px, #fdfdfd -1px -1px, #fdfdfd 0px 1.4px, #fdfdfd 0px -1.4px, #fdfdfd -1.4px 0px, #fdfdfd 1.4px 0px; box-sizing: border-box;letter-spacing:3px;"><p><em><strong>点击上方文字</strong></em></p></section><section style="text-align: center;margin-bottom:15px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/443541527d149c15f73f523f04d9a8f9.png" style="display:block;width:100%;"></section><section style="margin-left:10px;color: #9aa6e5; font-size: 18px; text-shadow: #fdfdfd 1px 1px, #fdfdfd 1px -1px, #fdfdfd -1px 1px, #fdfdfd -1px -1px, #fdfdfd 0px 1.4px, #fdfdfd 0px -1.4px, #fdfdfd -1.4px 0px, #fdfdfd 1.4px 0px; box-sizing: border-box;letter-spacing:3px;"><p><em><strong>关注我们~</strong></em></p></section></section><section style="margin-top:-5px;background-image: linear-gradient(90deg, #c5cdfa, #e2e6fc);width:100%;height:5px;"></section></section></section></section>

可视化

点击上方文字

关注我们~

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统