css 中的 color 屬性用于設置文本顏色,可以指定顏色名稱、十六進制值、rgb 值或 rgba 值。如果父子元素都設置了 color 屬性,則子元素的屬性會覆蓋父元素的屬性。color 屬性還支持 inherit(繼承父元素值)、initial(使用瀏覽器默認值)和 unset(刪除設置值)等高級用法。
CSS 中的 color 屬性
color 屬性的作用
color 屬性用于設置 HTML 元素文本的顏色。
屬性值
color 屬性的值可以是以下類型之一:
顏色名稱:例如,red、blue、green 等。
十六進制值:例如,#FF0000(紅色)、#00FF00(綠色)、#0000FF(藍色)。
RGB 值:例如,rgb(255, 0, 0)(紅色)、rgb(0, 255, 0)(綠色)、rgb(0, 0, 255)(藍色)。
RGBA 值:與 RGB 值類似,但增加了透明度值。例如,rgba(255, 0, 0, 0.5) 代表半透明紅色。
語法
color 屬性的語法如下:
<code>color: <color-value>;</color-value></code>
登錄后復制
例如,將段落文本設為紅色:
<code>p { color: red; }</code>
登錄后復制
級聯
如果父元素和子元素都設置了 color 屬性,則子元素的 color 屬性將覆蓋父元素的屬性。例如:
<code>p { color: blue; } p span { color: red; }</code>
登錄后復制
在這種情況下,span 元素中的文本將顯示為紅色,而不是藍色。
高級用法
color 屬性還可以接受以下值:
inherit:從父元素繼承 color 值。
initial:使用瀏覽器的默認 color 值。
unset:刪除任何先前設置的 color 值。
注意:
color 屬性僅影響文本的顏色,不會影響其他元素屬性,例如背景色或邊框色。