CSS color 属性

不同元素设置text-color：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      color: red;
    }

    h1 {
      color: #00ff00;
    }

    p.ex {
      color: rgb(0, 0, 255);
    }
  </style>
</head>

<body>
  <h1>这是标题 1</h1>
  <p>这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。</p>
  <p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
</body>
</html>

尝试一下 »

属性定义及使用说明

Color属性指定文本的颜色。

默认值: not specified
继承: no
版本: CSS1
JavaScript 语法: object.style.color="#FF0000"

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
color 1.0 3.0 1.0 1.0 3.5

提示和注释

提示:请使用合理的背景颜色和文本颜色搭配，这样可以提高文本的可读性。

Property Values

值 描述
color_name 规定颜色值为颜色名称的颜色（比如 red）。
hex_number 规定颜色值为十六进制值的颜色（比如 #ff0000）。
rgb_number 规定颜色值为 rgb 代码的颜色（比如 rgb(255,0,0)）。
inherit 规定应该从父元素继承颜色。

相关文章

CSS 教程: CSS Text