zoukankan      html  css  js  c++  java
  • 纯CSS实现tag彩色标签

    利用纯CSS实现彩色tag标签,效果如下图

    代码如下:

    .items a:nth-child(9n){background-color: #4A4A4A;}
    .items a:nth-child(9n+1){background-color: #428BCA;}
    .items a:nth-child(9n+2){background-color: #5CB85C;}
    .items a:nth-child(9n+3){background-color: #D9534F;}
    .items a:nth-child(9n+4){background-color: #567E95;}
    .items a:nth-child(9n+5){background-color: #B433FF;}
    .items a:nth-child(9n+6){background-color: #00ABA9;}
    .items a:nth-child(9n+7){background-color: #B37333;}
    .items a:nth-child(9n+8){background-color: #FF6600;}
    .items 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}
    .items a:hover{opacity: 1;filter:alpha(opacity=100);}
    .items h3{font-size: 18px;color: #666;border-bottom: 1px solid #eaeaea;background-color: #fbfbfb;margin: 0;padding: 11px 15px 10px;margin-bottom:15px}
    

      

  • 相关阅读:
    dbcp 详细配置
    InetAddress
    Qrcode 二维码
    左值右值分析
    javaweb reponse 写出文件
    ehcache 在集群环境下 出现 Cause was not due to an IOException or NotBoundException
    lo4j 日志级别
    log4j xml配置
    cron 表达式
    RabbitMQ简介
  • 原文地址:https://www.cnblogs.com/pychina/p/11435784.html
Copyright © 2011-2022 走看看