css color设置字体颜色

时间:2016-06-27
在CSS中,使用color属性来定义字体颜色。所有主流浏览器都支持color属性,本文章向大家介绍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

上一页 下一页

原文地址:http://www.manongjc.com/article/1094.html