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 学习路径
跟踪您的进度 - 免费!