星恬21天前发布关注私信 我更新的动力 - 源自您的关注。 ------正文内容展示,开始汲取新知识啦------ 温馨提示:本文最后更新于2024-04-29 10:43:55,某些文章具有时效性,若有错误或已失效,请在下方留言。前言 众所周知zibll子比主题是一个非常优秀的WordPress博客主题(本站也在采用本主题),但作者可能不怎么喜欢花里胡哨的文章标签,只优化了标签云显示彩色标签,文章标签没有进行彩色化(纯色)。而对于我这种喜欢花里胡哨的来说,只能自己动手,丰衣足食咯!O(∩_∩)O哈哈~ 由于本人对于CSS、PHP、HTML认识甚少,所以哪位大佬若有更好的方法也可以分享一下,至于为什么发这篇文章,当然是想水一篇啦!嗯,是这样的! 文章标签美化采用的是CSS覆盖原来的样式,达到彩色的效果!直接在后台主题自定义CSS样式粘贴CSS代码,这样升级主题时无需二次复制粘贴,简单、实用。 食用教程 复制CSS代码到后台子比主题设置—》自定义CSS样式—》将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 } ------本文内容已结束,喜欢请分享------ 感谢您的访问,Ctrl+D收藏本站吧。 五月 20 恬集社的今时往日 吼吼~~~,往年的今天博主不知道跑哪里偷懒去了~~~ © 版权声明 1 如果您喜欢本站, 点击这儿 赞助下本站,感谢支持! 2 可能会帮助到你: 下载帮助 | 报毒说明 | 进站必看 | 广告合作 ; 3 本站内容观点不代表本站立场,并不代表本站赞同其观点和对其真实性负责; 4 本站所有内容均来源于网络,仅供学习与参考,请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负; 5 若作商业用途,请联系原作者授权,若本站侵犯了您的权益请 联系站长 进行删除处理; 6 如若转载,请注明文章出处: THE END子比主题教程之家# 子比# 美化# 样式# 标签 喜欢就支持一下吧点赞15赞赏收藏 分享QQ空间微博QQ好友海报分享复制链接打赏