多彩的文字广告代码，美化版的文字广告代码，给网站添加文字广告教程。

多彩文字广告代码文字广告代码美化版

By:百变鹏仔

鹏仔运营的网站“Q站”分类太多，想给网站增加一个类似文字广告的菜单分类指南。在其他网站上看到这种虚线边框穿越变色文字广告样式，感觉很不错。写一份与大家分享！

PC端代码是8个文字块，H5是4个文字代码，只要是8的倍数就可以添加文字广告。当然，建议加2行效果最好。

考虑到大家的网站都有黑暗模式，我们也在这方面做了简单的优化，适合白天和黑夜模式。

黑暗模式

白天模式

把CSS和HTML放在需要显示的地方就行了。修改对应A标签的内容后，跳转地址就OK了。

演示下载:https://xiaok.lanzoum.com/iXOTK059zcmj

如果代码有什么问题，可以在底部评论问题和需求。