2. 代码片段
  3. 给标签云套上多彩外衣（多彩标签云）

给标签云套上多彩外衣（多彩标签云）

KuaiKan 2022-6-3 1038

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

CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#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)
返回
发新帖