
【中国网站建设】如果每个参数各自在两位上的数字都相同,也可缩写为#RGB的方式,例如:#cc9900可以缩写为#c90。
2.用色彩英文名称方式表示色彩值
在CSS中也提供了与HTML -样的用色彩英文名称表示色彩的方式。CSS只提供了16种色彩名称,见表4-2。示例代码如下:
div {color: red}
3.用rgb函数方式表示色彩值
在CSS中,可以用rgb函数设置所要的色彩。语法格式为:rgb(R,G,B)。其中,R为红色值,G为绿色值,B为蓝色值。这三个参数可取正整数值或百分比值,正整数值的取值范围 E彳,L L山n c\c)i一1nn (\O/;;』再“名单确江由n下.div { color: rgb(128,50,220) }
div { color: rgb(15%,100,60%) }
用rgba函数方式表示色彩值
rgba函数在rgb函数的基础上增加了控制alpha透明度的参数。语法格式为:rgba(R,G;B,其中,R、G、B参数等同于rgb函数中的R、G、B参数,A参数表示alpha透明度,取自0~1之间,不可为负值。示例代码如下:
<div style=”background-color: rgba(0,0,0,0.5);”>
在Opera的浏览器里能看到alpha值为0.5的黑色背景
</div>
浏览器中的浏览效果如图6-17所示。
图6-17 rgba色彩的浏览效果