动态背景双图引导星标

美化源代码

复制源代码

源代码
<section style="background-repeat: repeat;background-position: left top;background-size: auto;background-image: url(http://img.mifenlei.com/template/1600157347237789.gif);box-sizing: border-box;"><section style="text-align: center;margin:0.1em auto 0.1em auto;"><section style="display: inline-block;"><section style="font-size: 16px;">                ▼<span style="margin-right: 5px;margin-left: 5px;">立即加星标，每天看好文</span>▼</section></section></section><section style="display: flex;justify-content: space-around;-webkit-justify-content: space-around;display: -webkit-flex;"><section style="width: 50%;text-align:center;margin-right:5px;"><section style="margin-bottom: -1em;display: flex;justify-content:flex-end;"><section style="width: 25px;height: 25px;background: rgb(127, 128, 127);color: rgb(254, 254, 254);border-radius: 100%;z-index: 99;margin-right: -6px;box-sizing: border-box;"><section style="font-size: 16px;font-weight: bold;line-height: 25px;">                        1</section></section></section><section style="width:95%;display: inline-block;margin-left:10px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/c2378c5fd53ba2276b40f0f99c78a820.png" style="width: 100%;display: block;" data-brush="img"></section></section><section style="width: 50%;text-align:center;margin-left:5px;"><section style="margin-bottom: -1em;display: flex;justify-content:flex-end;margin-left:-5px;"><section style="width: 25px;height: 25px;background: rgb(127, 128, 127);color: rgb(254, 254, 254);border-radius: 100%;z-index: 99;box-sizing: border-box;"><section style="font-size: 16px;font-weight: bold;line-height: 25px;">                        2</section></section></section><section style="width:95%;display: inline-block;margin-right:10px;"><img src="https://cdn.file.mixinnet.cn/htmlImg/c2378c5fd53ba2276b40f0f99c78a820.png" style="width: 100%;display: block;" data-brush="img"></section></section></section></section>

可视化

▼立即加星标，每天看好文▼

专注移动端开发

快速链接

关于我们

115cms信息内容管理系统