好看的文字分栏广告代码分享(双端自适应)

admin 综合教程评论131阅读模式

代码说明:

放到你要放的位置,直接放到广告位里也可以用,适用所有网站。

演示截图:

好看的文字分栏广告代码分享(双端自适应)

好看的文字分栏广告代码分享(双端自适应)

代码如下:

<!--文字广告开始-->
<style>.txtguanggao{width: 102%;overflow: hidden;display: block;box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);}.txtguanggao a{width: 24.30%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}.txtguanggao a:nth-child(1) {background-color: #dc3545;}.txtguanggao a:nth-child(2) {background-color: #007bff;}.txtguanggao a:nth-child(3) {background-color: #28a745;}.txtguanggao a:nth-child(4) {background-color: #424444;}.txtguanggao a:nth-child(5) {background-color: #28a745;}.txtguanggao a:nth-child(6) {background-color: #424444;}.txtguanggao a:nth-child(7) {background-color: #dc3545;}.txtguanggao a:nth-child(8){background-color: #007bff;}.txtguanggao a:hover{background:#FF2805;color:#FFF}@media screen and (max-width: 1000px) {.txtguanggao a{width: 47.96%;float: left;border-radius: 2px;line-height: 35.35px;height: 35.35px;text-align: center;font-size: 14px;color: #fff;display: inline-block;background-color: rgb(255, 153, 159);margin: 2.5px;transition-duration: .3s;}} </style>

<div class="txtguanggao">
<a href="https://www.cnzzzj.com/" target="_blank" rel="nofollow" class="dh" alt="11.24">菜鸟站长之家</a>
<a href="/ggtf.html" target="_blank" rel="nofollow" class="dh" alt="12.2">广告位出租</a>
<a href="/ggtf.html"  target="_blank" rel="nofollow" class="dh" alt="12.01">广告位出租</a>
<a href="/ggtf.html" target="_blank" rel="nofollow" class="dh" alt="10.29">广告位出租</a>
<a href="/ggtf.html" target="_blank" rel="nofollow" class="dh" alt="12.2">广告位出租</a>
<a href="/ggtf.html" target="_blank" rel="nofollow" class="dh">广告位出租</a>
<a href="/ggtf.html" target="_blank" rel="nofollow" class="dh" alt="11.4">广告位出租</a>
<a href="/ggtf.html"  target="_blank" rel="nofollow" class="dh" alt="10.29">广告位出租</a>
 </div>
<!--文字广告结束-->

文章声明:
1、本站文章来源于互联网,仅供学习交流参考使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、如果你有比较好的文章需要发布,可以联系站长屋VPS小编,或者自行点击 投稿。
4、若文章中有侵权或不适当内容,请告知我们,本站会第一时间进行处理。 免责申明。
admin
  • 我们不提供免费技术支持,本文属于用户投稿。
  • 转载请务必保留本文链接:https://www.zzwvps.com/1567.html

发表评论