CSS color 属性

w3school 在线教程

## CSS 参考手册

- CSS 参考手册
- CSS 选择器
- CSS 听觉参考手册
- CSS 网络安全字体
- CSS 单位
- CSS 颜色
- CSS 颜色值
- CSS 颜色名
- CSS 颜色十六进制

# CSS color 属性

CSS 参考手册

## 实例

为不同元素设置文本颜色：

    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 实例

设置文本颜色
  本例演示如何设置文本的颜色。

## 相关页面

CSS 教程：CSS 文本

HTML DOM 参考手册：color 属性

CSS 参考手册