CSS中的颜色值详解

在CSS中,颜色的用法是有几种的方式来处理,比如像我经常比较喜欢用的红色,就有以下的几种表达方式:

• #ff0000

• #f00

• rgb(255,0,0)

• rgb(100%,0%,0%)

• red

• rgba(255,0,0,1) 

第一种是16进制的写法,

第二种是16进制的缩写法,

第三种是RGB的0~255的颜色值设置,

第四种也是RGB的方式,只是值使用的是百分比,

第五种使用的是颜色名称,当然这里只能是部分的颜色名称(这里只是一种规定,不可能规定所有的颜色值的名称).常用的:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,silver, teal, white, yellow. 

transparent是透明颜色.

第六种是带了透明度的做法,最后一个参数是设置透明的程度,范围是0~1,数值为浮点数.

而颜色在我们常用的属性里面,主要有字体颜色,背景颜色,边框颜色,颜色渐变方面等.比如下面的CSS:

h1{

   font-size: 16px;

   color: #ff0000;

}

.bg{

   backgroud-color: rgb(255,0,0, 0, 0);

}

.txt {

   color: red;

}

等等相关的属性使用.把这些CSS放入到你的CSS所在的位置,刷新页面就会看到设置后的效果.

颜色值的使用,当然需要靠设计师的搭配,程序员才能使用这些特点,更好的使你的应用程序发挥得出色. 就行人还得靠靓装,才能更突出的展现.