CSS3是一種新的標準,它允許Web開發者在網站上使用更多豐富的色彩。在CSS3中,顏色有三種表示方法:
1. 顏色名稱 2. 十六進制顏色 3. RGB顏色
顏色名稱是比較直觀、易懂的表示方法,但是它的范圍是有限的。CSS3中規定了147種顏色名稱,比如red、green、blue等。但是如果我們需要一些別的顏色,就需要使用其他表示方法了。
p { color: red; /* red 就是顏色名稱 */ }
接下來是比較常見的十六進制顏色表示方法,它使用六個十六進制數字來描述紅、綠、藍三個顏色通道的值。每個通道的值范圍是0-255。其中,前兩個數表示紅色,中間兩個數表示綠色,后兩個數表示藍色。例如#FF0000就代表紅色。
p { color: #FF0000; /* 紅色 */ }
最后一種表示方法是RGB顏色,它使用rgb()函數來描述紅、綠、藍三個顏色通道的值。例如rgb(255,0,0)就代表紅色。RGB顏色的好處在于可以更方便地描述出有透明度的顏色,如rgba(255,0,0,0.5)就代表半透明的紅色。
p { color: rgb(255,0,0); /* 紅色 */ background-color: rgba(255,0,0,0.5); /* 半透明的紅色 */ }
CSS3規定了很多新的顏色特性,例如漸變色、點狀式漸變色、復合色、透明色等等,這些都需要使用上述三種基本的表示方法來實現。當然,在實際使用時,我們也可以更加方便地利用CSS框架、插件等來實現各種豐富的顏色效果。