知更鸟主题修改CSS:让凌乱的标签变得整洁清爽

知更鸟主题自带了两种风格的标签风格,3D动态,和彩色静态风格。额,恕我直言,3D动态标签风格有浓浓的土腥味,一副油腻大叔的赶脚。

彩色静态风格标签,也是排序的很凌乱,作为有强迫症的我实在是不能忍啊,今天这篇文章就来整改下,让彩色静态标签变得整洁干净。

1、整改前

这里3D动态标签不在讨论的范围之类,我们之说彩色静态标签。没整改前的原生态如图:

2、开始整改

直接上代码,如下:

.tagcloud {
    overflow: hidden;
    padding: 15px 0 12px 15px;
}
.tagcloud a {
    float: left;
    width: 31.3333%;
    margin: 0 1% 1% 0;
    padding: 0 8px;
    color: #fff;
    height: 29px;
    line-height: 29px;
    text-align: center;
    opacity: .7;
    border-radius: 2px;
    overflow: hidden;
}

3、代码部署

如何部署,额,主题设置中自带了定制风格,我们把代码复制进去即可,看图:

4、效果

你保存之后,整个世界立马安静了。

生成海报

陌涛

这个博主很懒,懒死了。

暂无评论

发表评论

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

相关推荐

xampp安装wordpress

首先安装xampp,过程略。 设置好了XAMPP https://www.imotao.com/4019.html 打开浏览器在地址栏输入127.0.01:8000,如图 ...

微信扫一扫,分享到朋友圈

知更鸟主题修改CSS:让凌乱的标签变得整洁清爽