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的朋友可能比较熟悉这样的数值。
<##ads_in_article_manong##>
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
继续阅读与本文标签相同的文章
上一篇 :
MVC设计模式在安卓编程中的应用
下一篇 :
物联网软件和物联网硬件在物联网开发中该怎么互联
-
Python 超简单实现9种图像风格迁移
2026-05-14栏目: 教程
-
华为打回欧洲市场!HMS取得重大成功,大量APP接入!谷歌慌不慌?
2026-05-14栏目: 教程
-
PS保存图片提示“无法完成请求”,这里有4种解决方法!
2026-05-14栏目: 教程
-
想买1000元左右的5G手机?我们需要等多久?
2026-05-14栏目: 教程
-
剧情反转?美企主动购买华为5G技术,华为成赞赏排行榜第一名!
2026-05-14栏目: 教程
