red 关于css的颜色

html-css07

red 关于css的颜色,第1张

CSS的颜色写法分为几种

1、直接书写英文名字。这样的好处是直观。但是没有能很好的控制颜色。

2、rgb(0,0,0)中间的三个 数字分别是0-255.分别代表红 绿 蓝三个颜色。数字数字越大,颜色越深。

3、#FCFCFC 这样是用十六进制来表示颜色。跟上面rgb差不多。两位英文代表一个原色。分别是红绿蓝。这种写法有缩写。比如#FFFFFF可以等于成#FFF,还有#CCFFCC,可以写成#CFC。这就是颜色的写法。

4、rgba(0,0,0,0)前面三个数字跟rgb一样的,最后一个是透明度的控制。取值范围是0-1.一位小数。越接近零。越透明。注意的是。这种有兼容问题。是CSS3的属性。

要想表示红色。就可以写成red #F00 #FF0000 rgb(255,0,0)

<span style="color:red">红色</span>

<span style="color:#ff0000">红色</span>

在RGB颜色里,在后面四个为0的情况下,ff-00不断变化,红色不断加深。

如:

<span style="color:#ff0000">红色</span>

<span style="color:#ee0000">红色</span>

<span style="color:#dd0000">红色</span>

<span style="color:#cc0000">红色</span>

<span style="color:#990000">红色</span>

透明色:transparent

背景色设为透明,代码如下:background-color:transparent

字体颜色设为透明,代码如下:color:transparent

扩展资料:

常用颜色代码分4种,分别如下:

1、常用颜色单词,比如green(绿色),yellow(黄色),red(红色),transparent(透明色)等;

2、以#号开头的六个字符组成的颜色代码,比如:#FF0000(红色),#000000(黑色),#F9F900(黄色)等;

3、颜色rgb值,表达方式:rgb(参数1,参数2,参数3),三个参数分别表示r,g,b

1)R:红色值。正整数|百分数

2)G:绿色值。正整数|百分数

3)B:蓝色值。正整数|百分数

4、rgba(参数1,参数2,参数3,参数4),这种方式前三个参数与上面第3点种相同,第四个参数表示透明度,数值在0-1之间。0表示透明度为0(即透明色),1表示透明度为1(百分百)。