
【中國網(wǎng)站建設(shè)】如果每個參數(shù)各自在兩位上的數(shù)字都相同,也可縮寫為#RGB的方式,例如:#cc9900可以縮寫為#c90。
2.用色彩英文名稱方式表示色彩值
在CSS中也提供了與HTML -樣的用色彩英文名稱表示色彩的方式。CSS只提供了16種色彩名稱,見表4-2。示例代碼如下:
div {color: red}
3.用rgb函數(shù)方式表示色彩值
在CSS中,可以用rgb函數(shù)設(shè)置所要的色彩。語法格式為:rgb(R,G,B)。其中,R為紅色值,G為綠色值,B為藍(lán)色值。這三個參數(shù)可取正整數(shù)值或百分比值,正整數(shù)值的取值范圍 E彳,L L山n c\c)i一1nn (\O/;;』再“名單確江由n下.div { color: rgb(128,50,220) }
div { color: rgb(15%,100,60%) }
用rgba函數(shù)方式表示色彩值
rgba函數(shù)在rgb函數(shù)的基礎(chǔ)上增加了控制alpha透明度的參數(shù)。語法格式為:rgba(R,G;B,其中,R、G、B參數(shù)等同于rgb函數(shù)中的R、G、B參數(shù),A參數(shù)表示alpha透明度,取自0~1之間,不可為負(fù)值。示例代碼如下:
<div style=”background-color: rgba(0,0,0,0.5);”>
在Opera的瀏覽器里能看到alpha值為0.5的黑色背景
</div>
瀏覽器中的瀏覽效果如圖6-17所示。
圖6-17 rgba色彩的瀏覽效果