CSS color 屬性
示例
為不同元素設定文字顏色
body {
color: red;
}
h1 {
color: #00ff00;
}
p.ex {
color: rgb(0,0,255);
}
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
color 屬性規定文字的顏色。
提示： 使用背景色結合文字顏色，使文字易於閱讀。
檢視演示 ❯
| 預設值 |
未指定 |
| 繼承 |
是 |
| 可動畫 |
是的。 瞭解可動畫 試一試 |
| 版本 |
CSS1 |
| JavaScript 語法 |
object.style.color="#0000FF" 試一試 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 |
|
|
|
|
|
| color |
1.0 |
3.0 |
1.0 |
1.0 |
3.5 |
CSS 語法
color: color|initial|inherit;
屬性值
更多示例
示例
使用 HEX 值設定文字顏色
body {color: #92a8d1;}
自己動手試一試 »
示例
使用 RGB 值設定文字顏色
body {color: rgb(201, 76, 76);}
自己動手試一試 »
示例
使用 RGBA 值設定文字顏色
body {color: rgba(201, 76, 76, 0.6);}
自己動手試一試 »
示例
使用 HSL 值設定文字顏色
body {color: hsl(89, 43%, 51%);}
自己動手試一試 »
示例
使用 HSLA 值設定文字顏色
body {color: hsla(89, 43%, 51%, 0.6);}
自己動手試一試 »
相關頁面
CSS 教程: CSS 文字
HTML DOM 參考：color 屬性
W3schools 學習路徑
跟蹤您的進度 - 免費！
