颜色表示
CSS最常用的是RGB表示,主要的用法如下
-
内置的颜色常量:最直接简单的方式,使用颜色名来设置颜色,例如
red,green,blue,yellow
等等。但通常这些颜色不是很好看,所以用的不算多,也就在测试时用用 -
rgb(r,g,b)
:给定红绿蓝值来调配颜色,每种颜色的值在0255或0%100%之间,其中rgb
大小写都行,但小写用的多例如
rgb(255,255,0)
-
rgba(r,g,b,a)
:在rgb
的基础上加上一个透明度,a在0~1之间,1表示不透明,0表示完全透明例如
rgba(255,255,0,0.5)
-
#十六进制
:#红绿蓝,每种颜色用两位十六进制数表示,在00~ff
之间例如
#00aaef
如果每种颜色的两位都一样,如
#bbffaa
,那么每种颜色可以只写一位,缩写成#bfa
这种用的最多,因为简短
其实还有hsl表示法,但不常用,不再说明