子比主题添加缤纷彩色文字广告位代码

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

效果预览

子比主题添加缤纷彩色文字广告位代码-狐狸库

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/12 22:49:16若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 共12条

请登录后发表评论

    请登录后查看评论内容