之前买了foxalt彩色标签插件，安装上来不管用，经过foxalt一番指导才明白，我的首页头部无彩色标签CSS，所以把单独的CSS发我然后调用才成功。下面是源码：.divColorful_Tags:after, #divColorful_Tags:after { content: "."; display: block !important; height: 0 !important; clear: both !important; visibility: hidden !important; }

.divColorful_Tags, #divColorful_Tags {

*+height:1% !important; padding-top: 10px !important; padding-bottom: 5px !important; }

.divColorful_Tags li, #divColorful_Tags li { list-style-type: none; }

.divColorful_Tags ul, #divColorful_Tags ul { padding-top: 10px !important; padding-bottom: 5px !important; }

li.colorfultags { width: auto !important; float: left !important; margin: 0 !important; margin-right: 5px !important; margin-bottom: 5px !important; border: 0 !important; padding: 0 !important; background-image: none !important; text-indent: inherit !important; }

li.colorfultags a { display: block !important; padding: 0 5px !important; line-height: 26px !important; height: 26px !important; margin: 0 !important; color: #fff !important; background-color: #e4e4e4 !important; background: none !important;opacity: 0.4 !important;  }

li.colorfultags:nth-child(5n+1) a { background-color: #003366 !important; }

li.colorfultags:nth-child(5n+2) a { background-color: #993300 !important; }

li.colorfultags:nth-child(5n+3) a { background-color: #006633 !important; }

li.colorfultags:nth-child(5n+4) a { background-color: #FF6600 !important; }

li.colorfultags:nth-child(5n+5) a { background-color: #CC0000 !important; }

li.colorfultags a:hover { opacity: 1 !important; color: #FFF !important; }

彩色标签效果图：

本文关键词：zblogphpcss源码

文章内容如未标明来源,皆为本站原创,本站保留所有版权！

如需转载,请注明文章转载自：杨发文博客 谢谢！

本文永久链接：http://www.yangfawen.net/article-227.html

本类其他文章阅读 :