html几个比较常用的颜色名称

最新推荐文章于 2024-03-09 19:58:04 发布

weixin_30586257

最新推荐文章于 2024-03-09 19:58:04 发布

阅读量540

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/haley168/p/color.html

版权

html几个比较常用的颜色名称

顺便贴一下代码

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8"/>
  <title>常用颜色值</title>
  <style>
    h2{text-align:center;width:720px;}
    ul{list-style:none;float:left;width:720px;}
    li{width:118px;height:40px;border:1px solid #ddd;float:left;text-align:center;line-height:40px;}

    li:first-child{background-color:red;}
    li:nth-child(2){background-color:green}
    li:nth-child(3){background-color:blue;}
    li:nth-child(4){background-color:yellow;}
    li:nth-child(5){background-color:black;}
    li:nth-child(6){background-color:gray;}

    li:nth-child(7){background-color:white;}
    li:nth-child(8){background-color:orange;}
    li:nth-child(9){background-color:pink;}
    li:nth-child(10){background-color:purple;}
    li:nth-child(11){background-color:gray;}
    li:nth-child(12){background-color:lightgreen;}

    li:nth-child(13){background-color:lightblue;}
    li:nth-child(14){background-color:#eee;}
    li:nth-child(15){background-color:#ddd;}
    li:nth-child(16){background-color:#ccc;}
    li:nth-child(17){background-color:#bbb;}
    li:nth-child(18){background-color:#aaa;}
    li:nth-child(19){background-color:#999;}
    li:nth-child(20){background-color:#888;}
    li:nth-child(21){background-color:#777;}
    li:nth-child(21){background-color:#666;}
    li:nth-child(22){background-color:#555;}
    li:nth-child(23){background-color:#444;}
    li:nth-child(24){background-color:#333;}
    li:first-child:hover{cursor:pointer;}
  </style>
 </head>
 <body>
        <h2>常用颜色值</h2>
        <ul class="color">
            <li>red</li><li>green</li><li>blue</li><li>yellow</li><li style="color:#fff">black</li><li>white</li>
            <li>orange</li><li>pink</li><li>purple</li><li>gray</li><li>lightgreen</li>
            <li>lightblue</li><li>#eee</li><li>#ddd</li><li>#ccc</li><li>#bbb</li><li>#aaa</li><li>#999</li>
            <li>#888</li><li>#777</li><li>#666</li><li>#555</li><li>#444</li><li>#333</li>
        </ul>
 </body>
</html>

转载于:https://www.cnblogs.com/haley168/p/color.html

weixin_30586257

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html几个比较常用的颜色名称

html几个比较常用的颜色名称顺便贴一下代码<!doctype html><html> <head> <meta charset="UTF-8"/> <title>常用颜色值</title> <style> h2{text-align:center;width:7...
复制链接

扫一扫