给标签云套上多彩外衣(多彩标签云)

KuaiKan 2022-6-3 876

只用Css实现网站多彩Tags标签云模块,主要是利用了Css3中的nth-child()选择器来匹配不同的Tag的链接不同的色彩,来实现多彩样式

CSS

#taghot li:nth-child(7n){
    background-color:#FF6666;
}
#taghot li:nth-child(7n+1){
    background-color:#6c9;
}
#taghot li:nth-child(7n+2){
    background-color:#06c;
}
#taghot li:nth-child(7n+3){
    background-color:#f90;
}
#taghot li:nth-child(7n+4){
    background-color:#C66;
}
#taghot li:nth-child(7n+5){
    background-color:#C69;
}
#taghot li:nth-child(7n+6){
    background-color:#009999;
}


签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回