CSS定義顏色的方法有四種:
1. 關(guān)鍵字顏色值 關(guān)鍵字顏色值是CSS中最常見的顏色定義方法之一,直接使用英文單詞或單詞的縮寫作為顏色值,如red、blue、green等等。此方法比較簡(jiǎn)單、直觀,但不夠靈活。 例如: color: red; 2. 十六進(jìn)制顏色值 十六進(jìn)制顏色值是CSS中最常用的顏色定義方法,其格式為#RRGGBB,其中RR、GG、BB分別表示紅、綠、藍(lán)三個(gè)顏色通道在0 ~ 255之間的數(shù)值。在使用十六進(jìn)制顏色值時(shí),第一個(gè)字符可以是小寫字母,也可以是大寫字母。 例如: color: #FF0000; 3. RGB顏色值 RGB顏色值也是一種常用的顏色定義方法,其格式為rgb(紅色值, 綠色值, 藍(lán)色值),每個(gè)顏色通道的值介于0 ~ 255之間。RGB顏色值具有透明度屬性,可以通過rgba()方法定義,其格式為rgba(紅色值, 綠色值, 藍(lán)色值, 透明度),透明度取值范圍為0 ~ 1。 例如: color: rgb(255, 0, 0); color: rgba(255, 0, 0, 0.5); 4. HSL顏色值 HSL顏色值(色相、飽和度、亮度)是一種比RGB顏色模式更直觀、更易于掌握的顏色定義方法。其中,色相H取值0 ~ 360之間,飽和度S取值0% ~ 100%,亮度L取值0 ~ 100%。HSL顏色值同樣具有透明度屬性,可以通過hsla()方法定義,其格式為hsla(色相值, 飽和度值, 亮度值, 透明度值)。 例如: color: hsl(0, 100%, 50%); color: hsla(0, 100%, 50%, 0.5);