网站地图    收藏   

主页 > 专题教程 > css >

color

来源:自学PHP网    时间:2018-02-08 10:48 作者: 阅读:

[导读] CSS color 属性用来设置一个元素的文本颜色和文本的修饰元素的颜色。...

CSS color 属性用来设置一个元素的文本颜色和文本的修饰元素的颜色。

文本的颜色通常我们称为前景色,使用CSS color属性可以设置文本的颜色,color属性设置的颜色同时还会被应用到使用text-decoration属性设置的修饰线条元素上。

文本的颜色可以使用任何数据类型来定义,它可以是半透明的,或是完全透明的颜色。但是文本的颜色不可以使用,因为渐变是一种数据类型,而不是颜色数据类型。

如果为一个父元素设置了某种文字颜色,那么它的所有子元素都会继承这个文字颜色,除非你为子元素另外指定一种文字颜色。

如果color属性的取值为currentColor,它的行为和color:inherit相同。

官方语法
color: <color>                 
                            

参数:

  • <color>:任何合法的颜色值,可以参考数据类型。

color属性的初始值由浏览器来决定,通常浏览器会将它设置为黑色。

应用范围

color属性可以应用在所有元素上。

示例代码
/* CSS Level 1 color */
color: red;

/* The only color added in CSS Level 2 (Revision 1) */
color: orange;

/* CSS Level 3 color, sometimes called a SVG or X11 color */
color: antiquewhite;

/* The color 'lime' with the 3-character dash notation */
color: #0f0;

/* The color 'lime' with the 6-character dash notation */
color: #00ff00;

/* A color using the available functional notations */
color: rgba( 34, 12, 64, 0.3);

/* Use the color of this element's direct ancestor */
color: currentcolor;

color: inherit;                              
                            
在线演示

下面是一个设置元素的文字颜色的简单示例:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

浏览器支持

所有的现代浏览器都支持color属性,包括Chrome,Firefox,Safari,Opera,IE 以及 Android 和 iOS。

最新评论

添加评论

更多文章推荐

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论