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

admin

536
文章

2
评论

2023年5月15日 08:39:44综合教程评论327阅读模式

代码说明：

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

演示截图：

代码如下：

<!--文字广告开始-->
<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、若文章中有侵权或不适当内容，请告知我们，本站会第一时间进行处理。免责申明。