CSS字體顏色改變詳解

在CSS中，我們可以使用多種方法來改變字體的顏色，以下是一些常見的方法：

1、使用color屬性

CSS的color屬性可以用來設置字體顏色，你可以將顏色值直接賦值給color屬性，或者使用顏色名稱。

p {
  color: red;
}

這段代碼會將所有段落的字體顏色設置為紅色。

2、使用十六進制顏色值

除了使用顏色名稱，你還可以使用十六進制顏色值來設置字體顏色。

p {
  color: #ff0000;
}

這段代碼同樣會將所有段落的字體顏色設置為紅色，十六進制顏色值的格式為#RRGGBB，其中RR、GG和BB分別代表紅色、綠色和藍色的十六進制值。

3、使用RGB顏色值

除了十六進制顏色值，你還可以使用RGB顏色值來設置字體顏色。

p {
  color: rgb(255, 0, 0);
}

這段代碼同樣會將所有段落的字體顏色設置為紅色，RGB顏色值的格式為rgb(R, G, B)，其中R、G和B分別代表紅色、綠色和藍色的十進制值，注意，RGB顏色值的范圍通常是0到255。

4、使用HSL顏色值

除了RGB顏色值，你還可以使用HSL顏色值來設置字體顏色。

p {
  color: hsl(0, 100%, 50%);
}

這段代碼會將所有段落的字體顏色設置為紅色，HSL顏色值的格式為hsl(H, S%, L%)，其中H代表色調，S%代表飽和度，L%代表亮度，注意，飽和度和亮度的范圍是0到100%。