效果：
CSS代码:
.tagslist li {
display: inline-block;
}
.tagslist li:nth-child(8n-7) a {
background-color: #8A9B0F;
}
.tagslist li:nth-child(8n-6) a {
background-color: #EB6841;
}
.tagslist li:nth-child(8n-5) a {
background-color: #3FB8AF;
}
.tagslist li:nth-child(8n-4) a {
background-color: #FE4365;
}
.tagslist li:nth-child(8n-3) a {
background-color: #FC9D9A;
}
.tagslist li:nth-child(8n-2) a {
background-color: #EDC951;
}
.tagslist li:nth-child(8n-1) a {
background-color: #C8C8A9;
}
.tagslist li:nth-child(8n) a {
background-color: #83AF9B;
}
.tagslist li:first-child a {
background-color: #036564;
}
.tagslist li:last-child a {
background-color: #3299BB;
}
.tagslist a {
display: block;
color: #fff;
padding: 5px 8px;
border-radius: 5px;
font-size: 14px;
margin:5px;
}
.tagslist li:hover a{opacity: 0.8;}模板index_tags.htm（没有自已增加一个）代码：
<ul class="tagslist">
{eyou:tag sort='now' getall='0' row='500'}
<li><a target="_blank" href="{$field.link}">{$field.tag}</a></li>
{/eyou:tag}
</ul>当然也可以随时放到别的位置，更高级用法查https://www.eyoucms.com/doc/label/中的tags标签调用