子比主题添加缤纷彩色文字广告位代码（文章来自狐狸库）

优知新

9月14日 00:53更新

5450

正文开始阅读，请点击右上角“关注”按钮，关注作者

------正文内容展示，开始汲取新知识------

想给网站添加一个类似文字广告的菜单分类引导，就在网上看到这种虚线边框划过变色文字广告样式，感觉还是很不错的，仿照写一份分享给大家吧！

效果预览

PC端时，代码为4个文字块一行，所以大家添加文字广告为4、8、12、16、24…… 只要是4的倍数即可，当然推荐添加2行效果最好。

<div class="tp-ad-text1">
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
    <a href="https://huliku.com/" title="狐狸库·Huliku.com" target="_blank">狐狸库·Huliku.com</a>
</div>

将CSS与HTML放置需要展示的地方即可，在修改对应的a标签的内容，跳转地址就OK了。

此处内容已隐藏，请评论后刷新页面查看.

温馨提示：本文最后更新于2023-09-14 00:53:08，某些文章具有时效性，若有错误或已失效，请在下方留言或联系悠悠站长。

------本文内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

广告招租中点此睿导航网官方推广广告招租中点此广告招租中点此广告招租中点此广告招租中点此聚合搜索官方推广广告招租中点此

相关声明 1、本站名称：知新网
2、本站永久网址：https://www.uzhix.com
3、本站部分内容源于网络和用户投稿，仅供学习与参考，如有侵权，请联系站长进行删除处理。
4、用户评论和发布内容，并不代表本站赞同其观点和对其真实性负责。
5、本站禁止以任何方式发布或转载任何违法的相关信息。
6、资源大多存储在云盘，如发现链接失效，请联系我们替换更新。

THE END

代码/修复/功能
# html