css如何设置文本颜色-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

在css中，可以使用color属性来设置文本颜色，只需要给文本元素添加“color:颜色值;”样式即可。颜色值有4种写法：1、使用颜色名，例red；2、使用十六进制数值，例“#FF0033”；3、RGB或RGBA值；4、HSL或HSLA值。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在CSS中，我们可以通color属性来设置文本颜色。该属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。

要设置一个元素的前景色，最容易的方法是使用 color 属性。

color属性的语法：

1	`color : 颜色值;`

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>
 
    <body>
        <p>普通文本！</p>
        <p style="color: red;">设置了颜色的文本！</p>
        <h1 style="color:#00ff00;">大标题</h1>
    </body>
 
</html>

推荐教程：CSS视频教程

css颜色值有4种写法：

1、使用颜色名

虽然目前已经命名的颜色约有 184 种，但真正被各种浏览器支持，并且作为 CSS 规范推荐的颜色名称只有 16 种，如下表所示。

表1：CSS 规范推荐的颜色名称

/*名 称   颜 色 名 称 颜 色 名 称 颜 色
black   纯黑  silver  浅灰  navy    深蓝
blue    浅蓝  green   深绿  lime    浅绿
teal    靛青  aqua    天蓝  maroon  深红
red 大红  purple  深紫  fuchsia 品红
olive   褐黄  yellow  明黄  gray    深灰
white   壳白*/

不建议在网页中使用颜色名，特别是大规模的使用，避免有些颜色名不被浏览器解析，或者不同浏览器对颜色的解释差异。

2、十六进制颜色

十六进制符号 #RRGGBB 和 #RGB（比如 #ff0000）。"#" 后跟 6 位或者 3 位十六进制字符（0-9, A-F）。

这是最常用的取色方法，例如：