在 css 中,可以使用 color 屬性定義字體顏色。支持多種值,包括十六進制顏色代碼、rgb/rgba 顏色值、顏色名稱,以及 currentcolor 關鍵字。語法:selector { color: color-value; }
如何使用 CSS 定義字體顏色
在 CSS 中,可以使用 color 屬性來定義字體顏色。該屬性接受多種值,包括:
十六進制顏色代碼(#RRGGBB):例如,#000000 表示黑色,#FFFFFF 表示白色。
RGB 顏色值(rgb(r, g, b)):例如,rgb(0, 0, 0) 表示黑色,rgb(255, 255, 255) 表示白色。
RGBA 顏色值(rgba(r, g, b, a)):與 RGB 相同,但增加了透明度值,介于 0(完全透明)和 1(完全不透明)之間。
顏色名稱:例如,”black”、”white”、”red”、”blue”。但是,這些名稱只支持有限的顏色集。
語法:
selector { color: #RRGGBB | rgb(r, g, b) | rgba(r, g, b, a) | color-name; }
登錄后復制
示例:
p { color: #000000; } h1 { color: rgb(255, 0, 0); } a { color: rgba(0, 0, 255, 0.5); } .error { color: red; }
登錄后復制
注意:
字體顏色還可以使用 currentColor 關鍵字繼承其父元素的顏色。
CSS 還提供了 color-interpolation 和 color-profile 屬性來控制字體的顏色插值和顏色漸變。