子比主题美化 – 文章标签美化的教程

Zibll子比主题的文章标签默认是黑色字体+灰色背景，不是特别美观，如下图。站长美化了一下，做成文章随机彩色标签。

图片[1] - 子比主题美化 – 文章标签美化的教程 - 狐狸资源网 — 美化前

图片[2] - 子比主题美化 – 文章标签美化的教程 - 狐狸资源网 — 美化后

美化步骤

操作非常简单，打开Zibll主题设置 – 全局&功能 – 自定义代码 – 自定义CSS样式，添加下面的CSS代码即可。

/*文章随机彩色标签开始*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}
/*文章随机彩色标签结束*/

本文最后更新于2024-08-18 19:19:14，若文章内容或链接失效，请留言或 QQ群反馈！

文章没读爽？点我试试随机文章

本文链接：

1 如果您喜欢本站，点击这儿赞助下本站，感谢支持！
2 可能会帮助到你：下载帮助 | 解压资源 | 进站必看
3 本站内容观点不代表本站立场，并不代表本站赞同其观点和对其真实性负责
4 若作商业用途，请联系原作者授权，若本站侵犯了您的权益请联系站长进行删除处理
5本站所有内容均来源于网络，仅供学习与参考，请勿商业运营，严禁从事违法、侵权等任何非法活动，否则后果自负

THE END

子比美化
# 子比主题 # 标签美化

子比主题美化 – 文章标签美化的教程

美化步骤

请登录后发表评论

网站信息统计