CSS 顏色

CSS color 屬性定義元素的前景色。

設定顏色屬性

color 屬性通常定義元素的文字內容的顏色。

例如,選擇器 body 中指定的 color 屬性定義整個頁面的預設文字顏色(通常為前景顏色)。

body {
    color: #000000;
}

CSS 中的顏色通常由以下方法指定:

  • 一個十六進位制值 - 比如 #ff0000
  • RGB 值 - 如 rgb(255,0,0)
  • 顏色名稱 - 如 red

檢視 CSS 顏色名稱 以獲取可能顏色名稱的完整列表。

顏色特性對邊界和輪廓的影響

color 屬性不僅適用於文字內容,還適用於前景中帶有顏色值的任何內容。例如,如果沒有為元素明確定義 border-coloroutline-color 值,則將使用顏色值。

p.one {
    color: #0000ff;
    border: 2px solid;
}
p.two {
    color: #00ff00;
    outline: 2px solid;
}

注意: color 屬性通常從其父元素繼承顏色值,但元素的情況除外。