css3颜色三种表示方法 |select下拉框美化css

1. 颜色名称
2. 十六进制颜色
3. RGB颜色

颜色名称是比较直观、易懂的表示方法，但是它的范围是有限的。CSS3中规定了147种颜色名称，比如red、green、blue等。但是如果大家需要一些别的颜色，就需要使用其他表示方法了。

p { 
color: red; /* red 就是颜色名称 */ 
}

接下来是比较常见的十六进制颜色表示方法，它使用六个十六进制数字来描述红、绿、蓝三个颜色通道的值。每个通道的值范围是0-255。其中，前两个数表示红色，中间两个数表示绿色，后两个数表示蓝色。例如#FF0000就代表红色。

p { 
color: #FF0000; /* 红色 */ 
}

最后一种表示方法是RGB颜色，它使用rgb()函数来描述红、绿、蓝三个颜色通道的值。例如rgb(255,0,0)就代表红色。RGB颜色的好处在于可以更方便地描述出有透明度的颜色，如rgba(255,0,0,0.5)就代表半透明的红色。

p {
color: rgb(255,0,0); /* 红色 */
background-color: rgba(255,0,0,0.5); /* 半透明的红色 */ 
}

CSS3规定了很多新的颜色特性，例如渐变色、点状式渐变色、复合色、透明色等等，这些都需要使用上述三种基本的表示方法来实现。当然，在实际使用时，大家也可以更加方便地利用CSS框架、插件等来实现各种丰富的颜色效果。