您的位置:首页 > 教程笔记 > 前端笔记

利用纯CSS实现彩色tag标签云

2020-06-11 08:53:30 前端笔记 213
这篇文章主要为大家详细介绍了CSS3+DIV实现漂亮的动画彩色标签,鼠标移动会有动画 ,很神奇的动画效果,感兴趣的小伙伴们可以参考一下

.dict .电脑端olor a:nth-child(9n){background-color: #4A4A4A;}
.dict .电脑端olor a:nth-child(9n+1){background-color: #428BCA;}
.dict .电脑端olor a:nth-child(9n+2){background-color: #5CB85C;}
.dict .电脑端olor a:nth-child(9n+3){background-color: #D9534F;}
.dict .电脑端olor a:nth-child(9n+4){background-color: #567E95;}
.dict .电脑端olor a:nth-child(9n+5){background-color: #B433FF;}
.dict .电脑端olor a:nth-child(9n+6){background-color: #00ABA9;}
.dict .电脑端olor a:nth-child(9n+7){background-color: #B37333;}
.dict .电脑端olor a:nth-child(9n+8){background-color: #FF6600;}
.dict .电脑端olor a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;background-color: #428BCA;display: inline-block;margin: 0 5px 5px 0;padding: 0 6px;line-height: 30px}
.dicta:hover{opacity: 1;filter:alpha(opacity=100);}
.dict h3{font-size: 18px;color: #666;border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;margin: 0;padding: 11px 15px 10px;margin-bottom:15px}


相关推荐

  • tomcat的端口号怎么看

    tomcat的端口号怎么看

    Tomcat 端口号查看方法Tomcat 的端口号是服务器侦听连接请求的端口。以下是如何查看 Tomcat 端口号:方法 1:查看 server.xml 文件方法 2:查看 Tomcat 管理界面方法

    前端笔记 2024-04-23 20:06:47 408
  • 网页html文件怎么打开不了

    网页html文件怎么打开不了

    网页 HTML 文件打不开的原因当您尝试打开网页 HTML 文件时,可能会遇到无法打开的情况。以下是一些常见原因:1. 浏览器问题浏览器过时或损坏。浏览器缓存或扩展程序干扰文件加载。2. 文件损坏或不

    前端笔记 2024-04-11 20:42:53 290
  • css 技巧给元素一个左右边距的方法

    css 技巧给元素一个左右边距的方法

    在 CSS 中,给一个元素设置左右边距有多种方式,最常用的是通过 margin 属性。这里有几种不同的方法来设置左右边距:

    前端笔记 2023-12-14 15:45:10 288
  • css在中去除button按钮默认自带的样式的方法

    css在中去除button按钮默认自带的样式的方法

    这段代码将清除按钮的大部分默认样式,让它看起来更像一个普通的HTML元素,而不是一个浏览器风格化的按钮。您可以根据需要进一步定制这些样式。

    前端笔记 2023-11-20 15:33:02 276
  • 用css清除html中li标签列表自带的点的方法

    用css清除html中li标签列表自带的点的方法

    标签自带的点,您可以使用CSS的list-styl-ty属性。这个属性允许您控制列表项的标记样式,包括去除标记。以下是具体操作方法

    前端笔记 2023-11-20 17:37:16 251