實例
為不同元素設置文本顏色：
body
{ color:red;
}
h1
{ color:#00ff00;
}
p
{ color:rgb(0,0,255);
}親自試一試
瀏覽器支持
表格中的數(shù)字注明了完全支持該屬性的首個瀏覽器版本。
| 屬性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| color | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
定義和用法
color 屬性規(guī)定文本的顏色。
這個屬性設置了一個元素的前景色（在 HTML 表現(xiàn)中，就是元素文本的顏色）；光柵圖像不受 color 影響。這個顏色還會應用到元素的所有邊框，除非被 border-color 或另外某個邊框顏色屬性覆蓋。
要設置一個元素的前景色，最容易的方法是使用 color 屬性。
| 默認值： | not specified |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.color="#FF0000" |
提示和注釋
提示：請使用合理的背景顏色和文本顏色搭配，這樣可以提高文本的可讀性。
可能的值
| 值 | 描述 |
|---|---|
| color_name | 規(guī)定顏色值為顏色名稱的顏色（比如 red）。 |
| hex_number | 規(guī)定顏色值為十六進制值的顏色（比如 #ff0000）。 |
| rgb_number | 規(guī)定顏色值為 rgb 代碼的顏色（比如 rgb(255,0,0)）。 |
| inherit | 規(guī)定應該從父元素繼承顏色。 |