首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >知更鸟主题修改CSS:让凌乱的标签变得整洁清爽

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

作者头像
陌涛
发布2020-08-25 14:55:28
4120
发布2020-08-25 14:55:28
举报
文章被收录于专栏:畅所欲言畅所欲言

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

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

1、整改前

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

知更鸟主题修改CSS:让凌乱的标签变得整洁清爽
知更鸟主题修改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、代码部署

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

4、效果

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-08-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、整改前
  • 2、开始整改
  • 3、代码部署
  • 4、效果
相关产品与服务
图像处理
图像处理基于腾讯云深度学习等人工智能技术,提供综合性的图像优化处理服务,包括图像质量评估、图像清晰度增强、图像智能裁剪等。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档