WordPress标签云小工具美化

之前的标签云小工具丑的不堪入目,所以需要对它进行一些美化。

这里需要修改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;
}

最后的实现效果如下图:

20160516125944

发表评论

电子邮件地址不会被公开。 必填项已用*标注