一 介绍
如题所示，没改样式之前是这样的：
改了样式之后显示的效果是这样的：
关于这个样式的修改是在一位朋友的帮助下找到了其定义的文件，然后他又给了我参考代码，真的非常感谢。我做的仅仅只是把颜色替换成我自己还算满意的颜色而已
二 修改样式
这个样式文件定义在主题下的style.css文件中，更具体的说是“.footer-tag a”这一段，找到这一段样式定义然后替换成我下面的样式即可
|
1
2
3
|
.footer-tag a {background-color: #FF7F27;box-sizing: border-box;color: #fff;display: inline;font-size: 12px;height: auto;line-height: 10.5px;padding-bottom: 3px;padding-left: 7.2px;padding-right: 7.2px;padding-top: 3px;text-align: center;vertical-align: baseline;white-space: nowrap;width: auto;}.footer-tag a:nth-child(2){background-color: #00A2E8;}.footer-tag a:nth-child(3){background-color: #A349A4;}.footer-tag a:nth-child(4){background-color: #ED1C24;}.footer-tag a:nth-child(5){background-color: #B5E61D;}.footer-tag a:nth-child(6){background-color: #22B14C;}.footer-tag a:nth-child(7){background-color: #B97A57;}.footer-tag a:nth-child(8){background-color: #7F7F7F;}.footer-tag a:nth-child(9){background-color: #FFF200;}.footer-tag a:nth-child(10){background-color: #7092BE;}.footer-tag a:hover {cursor:pointer;}.footer-tag a.space{background-color: #BCBCBC;}.footer-tag a:before {
content:
"#"
;}.footer-tag a:hover {
background: #999;}
|
本文转自 pangfc 51CTO博客，原文链接：http://blog.51cto.com/983836259/1741032，如需转载请自行联系原作者
