之前的标签云小工具丑的不堪入目,所以需要对它进行一些美化。
这里需要修改style.css文件,在文件中加入以下样式代码:
.tagcloud { margin-top: 25px; } .tagcloud a { padding: 6px 7px; margin-right: 0; margin-bottom: 4px; line-height: 100%; display: inline-block; color: #FFF !important; background-color: #DADADA; border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px !important; -webkit-transition: background-color .3s linear; } .tagcloud a:hover { background-color: #75a5b5; border-color: #75a5b5; }
最后的实现效果如下图: