想给网站添加一个类似文字广告的菜单分类引导，就在网上看到这种虚线边框划过变色文字广告样式，感觉还是很不错的，仿照写一份分享给大家吧！
效果预览
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了。
代码如有任何问题，可底部评论问题及需求。
© 版权声明
THE END
![WordPress子比主题美化教程合集[2023/04/17]-狐狸库](https://huliku.com/pic/2023032607024935.png)
![狐狸库自定义子比主题底部footer页脚美化（自适应）[06.26]更新-狐狸库](https://huliku.com/pic/2023062610013835.png)
请登录后查看评论内容