CSS color 屬性
定義和用法
color 屬性規(guī)定文本的顏色。
這個(gè)屬性設(shè)置了一個(gè)元素的前景色(在 HTML 表現(xiàn)中,就是元素文本的顏色);光柵圖像不受 color 影響。這個(gè)顏色還會(huì)應(yīng)用到元素的所有邊框,除非被 border-color 或另外某個(gè)邊框顏色屬性覆蓋。
要設(shè)置一個(gè)元素的前景色,最容易的方法是使用 color 屬性。
默認(rèn)值: | not specified |
---|---|
繼承性: | yes |
版本: | CSS1 |
JavaScript 語(yǔ)法: | object.style.color="#FF0000" |
實(shí)例
為不同元素設(shè)置文本顏色:
body {color:red;
} h1 {color:#00ff00;
} p {color:rgb(0,0,255);
}
TIY
瀏覽器支持
所有瀏覽器都支持 color 屬性。
注釋?zhuān)喝魏蔚陌姹镜?Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
提示和注釋
提示:請(qǐng)使用合理的背景顏色和文本顏色搭配,這樣可以提高文本的可讀性。
可能的值
值 | 描述 |
---|---|
color_name | 規(guī)定顏色值為顏色名稱的顏色(比如 red)。 |
hex_number | 規(guī)定顏色值為十六進(jìn)制值的顏色(比如 #ff0000)。 |
rgb_number | 規(guī)定顏色值為 rgb 代碼的顏色(比如 rgb(255,0,0))。 |
inherit | 規(guī)定應(yīng)該從父元素繼承顏色。 |
TIY 實(shí)例
- 設(shè)置文本顏色
- 本例演示如何設(shè)置文本的顏色。
相關(guān)頁(yè)面
CSS 教程:CSS 文本
HTML DOM 參考手冊(cè):color 屬性