CSS color 屬性

定義和用法

color 屬性規定文本的顏色。

這個屬性設置了一個元素的前景色（在 HTML 表現中，就是元素文本的顏色）；光柵圖像不受 color 影響。這個顏色還會應用到元素的所有邊框，除非被 border-color 或另外某個邊框顏色屬性覆蓋。

要設置一個元素的前景色，最容易的方法是使用 color 屬性。

另請參閱：

CSS 教程：CSS 文本

HTML DOM 參考手冊：color 屬性

實例

為不同元素設置文本顏色：

body
  {
  color:red;
  }
h1
  {
  color:#00ff00;
  }
p
  {
  color:rgb(0,0,255);
  }

親自試一試

提示和注釋

提示：請使用合理的背景顏色和文本顏色搭配，這樣可以提高文本的可讀性。

CSS 語法

color: color|initial|inherit;

屬性值

值 描述
color_name 規定顏色值為顏色名稱的顏色（比如 red）。
hex_number 規定顏色值為十六進制值的顏色（比如 #ff0000）。
rgb_number 規定顏色值為 rgb 代碼的顏色（比如 rgb(255,0,0)）。
inherit 規定應該從父元素繼承顏色。

技術細節

默認值： not specified
繼承性： yes
版本： CSS1
JavaScript 語法： object.style.color="#FF0000"

更多實例

設置文本顏色
本例演示如何設置文本的顏色。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 3.0 1.0 1.0 3.5