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

时间:2022-07-23
本文章向大家介绍知更鸟主题修改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、效果

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

随机文章
WEB前端知识点必读
最近更新