懒人的府邸。只是为了学习备份。收藏精品。

彩色随机标签

本文最后更新于2018年11月7日,已超过 1 年没有更新,涉及的内容可能已经失效!
文章目录[隐藏]

CSS


/**标签随机颜色**/
.article-categories {
margin-bottom: 10px
}

.article-categories a {
padding: 4px 10px;
background-color: #19B5FE;
color: white;
font-size: 12px;
line-height: 16px;
font-weight: 400;
margin: 0 5px 5px 0;
border-radius: 2px;
display: inline-block
}

.article-categories a:nth-child(5n) {
background-color: #4A4A4A;
color: #FFF
}

.article-categories a:nth-child(5n+1) {
background-color: #ff5e5c;
color: #FFF
}

.article-categories a:nth-child(5n+2) {
background-color: #ffbb50;
color: #FFF
}

.article-categories a:nth-child(5n+3) {
background-color: #1ac756;
color: #FFF
}

.article-categories a:nth-child(5n+4) {
background-color: #19B5FE;
color: #FFF
}

.article-categories a:hover {
background-color: #1B1B1B;
color: #FFF
}

.article-title {
position: relative;
margin-bottom: 15px;
font-size: 26px;
line-height: 1.3;
display: block;
font-weight: 400;
margin: 0 0 35px;
padding: 0 0 30px;
border-bottom: 1px solid #e7e7e7;
color: #FFF
}

 

single.php

然后把“<div class=”article-tags”><?php the_tags(‘标签:’,”,”); ?></div>”修改为下面代码即可。

<div class="article-categories"><?php the_tags('标签:','',''); ?></div>
赞(0) 打赏
未经允许不得转载:懒人驿站 » 彩色随机标签
分享到: 更多 (0)
标签:

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏