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

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

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

1、整改前

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

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

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、代码部署

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

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

4、效果

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

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

原创文章,作者:陌涛,如若转载,请注明出处:https://imotao.com/3656.html

(0)
陌涛的头像陌涛
上一篇 2020年8月19日
下一篇 2020年8月20日

相关推荐

发表回复

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据