CSS color 屬性 · W3School CSS 參考手冊

# CSS color 屬性 ## 實例為不同元素設置文本顏色： ``` body { color:red; } h1 { color:#00ff00; } p { color:rgb(0,0,255); } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 color 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 color 屬性規定文本的顏色。這個屬性設置了一個元素的前景色（在 HTML 表現中，就是元素文本的顏色）；光柵圖像不受 color 影響。這個顏色還會應用到元素的所有邊框，除非被 border-color 或另外某個邊框顏色屬性覆蓋。要設置一個元素的前景色，最容易的方法是使用 color 屬性。 | 默認值： | _not specified_ | | --- | --- | | 繼承性： | yes | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.color="#FF0000" | | --- | --- | ## 提示和注釋提示：請使用合理的背景顏色和文本顏色搭配，這樣可以提高文本的可讀性。 ## 可能的值 | 值 | 描述 | | --- | --- | | *color_name* | 規定顏色值為顏色名稱的顏色（比如 red）。 | | *hex_number* | 規定顏色值為十六進制值的顏色（比如 #ff0000）。 | | *rgb_number* | 規定顏色值為 rgb 代碼的顏色（比如 rgb(255,0,0)）。 | | inherit | 規定應該從父元素繼承顏色。 | ## TIY 實例 [設置文本顏色](/tiy/t.asp?f=csse_color) 本例演示如何設置文本的顏色。 ``` <html> <head> <style type="text/css"> body {color:red} h1 {color:#00ff00} p.ex {color:rgb(0,0,255)} </style> </head> <body> <h1>這是 heading 1</h1> <p>這是一段普通的段落。請注意，該段落的文本是紅色的。在 body 選擇器中定義了本頁面中的默認文本顏色。</p> <p class="ex">該段落定義了 class="ex"。該段落中的文本是藍色的。</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 文本](/css/css_text.asp "CSS 文本") HTML DOM 參考手冊：[color 屬性](/jsref/prop_style_color.asp "HTML DOM color 屬性")