CSS 颜色

CSS color 属性定义元素的前景色。

设置颜色属性

color 属性通常定义元素的文本内容的颜色。

例如,选择器 body 中指定的 color 属性定义整个页面的默认文本颜色(通常为前景颜色)。

body {
    color: #000000;
}

CSS 中的颜色通常由以下方法指定:

  • 一个十六进制值 - 比如 #ff0000
  • RGB 值 - 如 rgb(255,0,0)
  • 颜色名称 - 如 red

查看 CSS 颜色名称 以获取可能颜色名称的完整列表。

颜色特性对边界和轮廓的影响

color 属性不仅适用于文本内容,还适用于前景中带有颜色值的任何内容。例如,如果没有为元素明确定义 border-coloroutline-color 值,则将使用颜色值。

p.one {
    color: #0000ff;
    border: 2px solid;
}
p.two {
    color: #00ff00;
    outline: 2px solid;
}

注意: color 属性通常从其父元素继承颜色值,但元素的情况除外。