CSS中的rgb是用來表示顏色的一種方式,它的使用方式如下:
color: rgb(紅色值, 綠色值, 藍(lán)色值);
其中,紅色值、綠色值、藍(lán)色值的范圍都是0~255,代表了顏色的強(qiáng)弱程度。比如:
color: rgb(255, 0, 0); /* 紅色 */ color: rgb(0, 255, 0); /* 綠色 */ color: rgb(0, 0, 255); /* 藍(lán)色 */ color: rgb(255, 255, 0); /* 黃色 */
可以通過增減紅色值、綠色值、藍(lán)色值的數(shù)值,來得到更多其他的顏色。比如:
color: rgb(255, 99, 71); /* 番茄紅 */ color: rgb(255, 165, 0); /* 橙色 */ color: rgb(218, 165, 32); /* 金色 */
需要注意的是,rgb中的各個(gè)值都需要用逗號(hào)隔開,并且需要使用小括號(hào)將它們括起來。此外,還可以使用rgba來表示顏色,它相比rgb多了一個(gè)參數(shù)——透明度。使用方式與rgb類似,不過需要把透明度的值放在最后,使用小數(shù)來表示,范圍是0~1。比如:
color: rgba(255, 99, 71, 0.5); /* 半透明的番茄紅 */ color: rgba(218, 165, 32, 0.2); /* 透明度更低的金色 */