css color设置字体颜色

color属性简介

Color属性指定文本的颜色。color是css1版本的属性，所有主流浏览器都支持color属性。

语法：

color:颜色值;

颜色值是一个关键字或一个16进制的RGB值。如blue或#000000

color属性值

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

一般网站开发中，我们设置color属性值主要用到前两种方法，即关键字方法和十六进制RGB

1、color属性使用关键字

关键字指的就是颜色的英文名称，如red、blue、green等。比如：

color:red;

2、16进制RGB

color属性值还可以取16进制RGB，所谓的16进制RGB值指的就是类似“#FFF8E0”这种形式的值。学过Photoshop的朋友可能比较熟悉这样的数值。

color实例

不同元素设置color属性值：

<!DOCTYPE html>
<html>
<head>
<style>
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<p>This is an ordinary paragraph. Notice that this text is red. The default text-color for a page is defined in the body selector.</p>
<p class="ex">This is a paragraph with class="ex". This text is blue.</p>
</body>
</html>

在线运行

CSS 教程: CSS Text

CSS 参考手册：CSS color

css color设置字体颜色

color属性简介

color属性值

color实例

相关文章