大家知道Zibll子比主题的文章后面可以会自动显示一些标签，不过效果比较一般，毕竟都是没有颜色的，这里搬主题发现有些不错的效果可以让文章后面的标签变成彩色标签，效果还不错。这里搬主题就分享一下Zibll子比主题设置自定义彩色标签图文教程给大家。文章标签原先无颜色设置为彩色的。如下图本次美化采用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}直接放到主题的自定义代码如需要一些其他的颜色代码可以进行更改如下的类似代码更多颜色可以参考如下颜色代码颜色 (Color)颜色十六进制 (Color HEX)颜色RGB (Color RGB) 黑色 (Black)#000000rgb(0,0,0) 红色 (Red)#FF0000rgb(255,0,0) 绿色 (Green)#00FF00rgb(0,255,0) 蓝色 (Blue)#0000FFrgb(0,0,255) 黄色 (Yellow)#FFFF00rgb(255,255,0) 青色 (Cyan)#00FFFFrgb(0,255,255) 品红色 (Magenta)#FF00FFrgb(255,0,255) 银色 (Silver)#C0C0C0rgb(192,192,192) 白色 (White)#FFFFFFrgb(255,255,255) 灰色 (Gray)#808080rgb(128,128,128) 橙色 (Orange)#FFA500rgb(255,165,0) 紫色 (Purple)#800080rgb(128,0,128) 深绿色 (Dark Green)#008000rgb(0,128,0) 青色 (Teal)#008080rgb(0,128,128) 橄榄色 (Olive)#808000rgb(128,128,0) 栗色 (Maroon)#800000rgb(128,0,0) 深蓝色 (Navy)#000080rgb(0,0,128)
THE END
