渐变圆点引导关注商务通用

美化源代码

复制源代码

源代码
<section style="text-align: center;margin:10px 0px;"><section style="display:inline-block;"><section style="border:solid 2px #b6c2f5;border-radius:8px;"><section style="margin:-3px 0px 3px 0px;background-image: linear-gradient(90deg, #e9ecfe, #f6f8fe);padding:5px 10px;border-radius:8px;"><section style="padding:0px 8px;display: flex;justify-content:center;align-items:center;transform: rotatez(0deg);"><section style="background-color:#fefefe;border-radius:50%;width:10px;height:10px;margin-right:20px;"></section><section style="color: #7a8fea; font-size: 16px;"><p><em><span style=" letter-spacing: 4px;"><strong>点击</strong></span></em></p></section><section style="color: #fffdf1; font-size: 16px; text-shadow: #7a8fea 1px 1px, #7a8fea 1px -1px, #7a8fea -1px 1px, #7a8fea -1px -1px, #7a8fea 0px 1.4px, #7a8fea 0px -1.4px, #7a8fea -1.4px 0px, #7a8fea 1.4px 0px, #7a8fea 2px 2px 0px; box-sizing: border-box; letter-spacing: 5px;"><p><em><strong>上方蓝字</strong></em></p></section><section style="color: #7a8fea; font-size: 16px;"><p><em><span style=" letter-spacing: 4px;"><strong>关注我们~</strong></span></em></p></section><section style="background-color:#7a8fea;border-radius:50%;width:10px;height:10px;margin-left:20px;"></section></section></section></section></section></section>

可视化

点击

上方蓝字

关注我们~

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统