CSS的顏色屬性中,最常用的是十六進制顏色值(hexadecimal color values),但是我們也可以用RGB值來定義顏色。RGB是紅色(Red)、綠色(Green)、藍色(Blue)三種基礎顏色的組合,其中每種顏色的取值范圍是0~255。具體來說,就是R(紅色)的取值范圍是0~255、G(綠色)的取值范圍也是0~255,B(藍色)的取值范圍也是0~255,這三個顏色組合在一起,就可以用RGB值來表示顏色了。比如,RGB(255,0,0)表示的是紅色,RGB(0,255,0)表示的是綠色,RGB(0,0,255)表示的是藍色。在使用RGB值定義顏色時,需要先用rgb()函數把RGB值括起來,然后在括號里面按順序填寫三個顏色數值,每個數值之間需要用英文逗號隔開。
/* RGB值的示例 */ p{ color: rgb(255,0,0); /* 紅色 */ background-color: rgb(0,255,0); /* 綠色 */ border: 2px solid rgb(0,0,255); /* 藍色 */ }
除了直接使用RGB值來定義顏色外,我們還可以使用RGBA(RGBA color values)定義顏色。RGBA與RGB比較相似,唯一不同的是RGBA多了一個alpha通道,用于控制顏色的透明度,取值范圍是0.0~1.0,0表示完全透明,1表示完全不透明。比如,RGBA(255,0,0,0.5)表示的是紅色,并且透明度為50%。
/* RGBA值的示例 */ p{ background-color: rgba(0,0,0,0.5); /* 黑色,透明度50% */ }
CSS中的RGB值和RGBA值很靈活,不僅僅可以用于定義文本顏色、背景顏色、邊框顏色,也可以用于定義漸變背景、文本陰影以及更多的效果。CSS中的顏色屬性并不止RGB值和十六進制顏色值,還有其他的顏色表示方式,我們在使用時需要根據實際情況選擇適合的方式來定義顏色。
上一篇css row嵌套row
下一篇css rbg透明