dede 漂亮的tag样式

<div id="tintagcloud-6" class="widget widget_tintagcloud">
    <h3><span class=widget-title>标签云</span></h3>
    <aside class="tags">{dede:tag row=29 getall='1'}
    <a href='[field:link/]'>[field:tag /]</a>{/dede:tag}</aside>
</div>

<style>
.widget aside.tags{padding: 12px 0 15px;}
.widget aside.tags a{text-decoration: none;}
.page-tags a{width:128px;overflow:hidden;text-align:center;max-height: 24px;}
.widget aside.tags a:nth-child(9n),.page-tags a:nth-child(9n){background-color: #4A4A4A;}
.widget aside.tags a:nth-child(9n+1),.page-tags a:nth-child(9n+1){/* background-color: #428BCA; */}
.widget aside.tags a:nth-child(9n+2),.page-tags a:nth-child(9n+2){background-color: #5CB85C;}
.widget aside.tags a:nth-child(9n+3),.page-tags a:nth-child(9n+3){background-color: #D9534F;}
.widget aside.tags a:nth-child(9n+4),.page-tags a:nth-child(9n+4){background-color: #567E95;}
.widget aside.tags a:nth-child(9n+5),.page-tags a:nth-child(9n+5){background-color: #B433FF;}
.widget aside.tags a:nth-child(9n+6),.page-tags a:nth-child(9n+6){background-color: #00ABA9;}
.widget aside.tags a:nth-child(9n+7),.page-tags a:nth-child(9n+7){background-color: #B37333;}
.widget aside.tags a:nth-child(9n+8),.page-tags a:nth-child(9n+8){background-color: #FF6600;}
.widget aside.tags a,.page-tags a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 5px 5px 0;padding: 2px 6px;line-height: 20px;font-weight: normal;}
#footer .widget aside.tags a{color:#aaa !important;border-radius: 3px;background-color:#454545 !important;}
.widget aside.tags a:hover,.page-tags a:hover{opacity: 1;filter:alpha(opacity=100);color:#fff !important}
</style>