CSS表示顏色的方法是通過顏色值來實現的,這些顏色值可以表示為命名顏色、十六進制顏色值、RGB顏色值或HSL顏色值。
命名顏色值:命名顏色是一些預定義的顏色名稱,例如red、green等,可直接在CSS樣式中使用。例如: p { color: red; } 十六進制顏色值:顏色用一個#字符開始,后面跟著6個十六進制的數字。其中前兩個數字表示紅色分量,后兩個表示綠色分量,最后兩個表示藍色分量。例如: p { color: #ff0000; /*紅色*/ color: #00ff00; /*綠色*/ color: #0000ff; /*藍色*/ } RGB顏色值:RGB顏色值表示紅、綠、藍三種顏色的數值。每種顏色用0-255之間的整數表示。例如: p { color: rgb(255, 0, 0); /*紅色*/ color: rgb(0, 255, 0); /*綠色*/ color: rgb(0, 0, 255); /*藍色*/ } HSL顏色值:HSL顏色值是一種表示顏色的方式,H表示色相,S表示飽和度,L表示亮度。例如: p { color: hsl(0, 100%, 50%); /*紅色*/ color: hsl(120, 100%, 50%); /*綠色*/ color: hsl(240, 100%, 50%); /*藍色*/ }
通過這些CSS顏色值,我們可以為文本、背景、邊框定義顏色,同時也可以應用到其他CSS樣式中。