当前位置:首页>网站建设>b2主题美化-文章内页标签美化

b2主题美化-文章内页标签美化

释放双眼,带上耳机,听听看~!

b2主题美化-文章内页标签美化

今天我为大家分享一段b2主题内页标签美化的css代码,方法很简单。把下面的的代码放入主题css样式文件就可以了,一般是style.css文件。

.post-tags-meat{
    margin-bottom: 10px
}
.post-tags-meat a{
    background-color: #19B5FE;
    color: white;
}
.post-tags-meat a:nth-child(5n){
    background-color: #4A4A4A;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+1){
    background-color: #ff5e5c;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+2){
    background-color: #ffbb50;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+3){
    background-color: #1ac756;
    color: #FFF
}
.post-tags-meat a:nth-child(5n+4){
    background-color: #19B5FE;
    color: #FFF
}
.post-tags-meat a:hover{
    background-color: #1B1B1B;
    color: #FFF
}

效果如下图:
b2主题美化-文章内页标签美化

欢迎访问秀主题博客,分享简单实用WP教程
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
网站建设

在WordPress后台文章编辑器的上方或下方添加提示内容

2022-8-23 7:40:09

网站建设

wordpress中MySQL数据库结构说明

2022-8-26 7:09:03

温馨提示:

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:971318156@qq.com,我们将第一时间处理!

2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索