css颜色属性

css颜色属性

格式
color: red;
color: rgb(255,0,0);
color: rgba(255,0,0,1);
color: #FF0000;
color: #F00;

五种形式表示的都是同一种颜色:红色

取值

1.英文单词:常用颜色可以用单词表示

2.rgb:我们显示屏可以分为许多小格子,每个格子就是1px(像素),每个像素的颜色都是由红绿蓝三种颜色组合而成,三原色表示法rgb 三种颜色的缩写

格式 : rgb( , , ) 参数分别是红色 ,绿色, 蓝色的亮度,每个数值0~255取值,0时不发光,255最亮。

​ 红色: rgb(255,0,0);

​ 绿色: rgb(0,255,0);

​ 蓝色: rgb(0,0,255);

​ 黑色:rgb(0,0,0);

​ 白色: rgb(255,255,255);

三个值都一样就是灰色,值越大越偏白,越小越偏黑。

3.rgba: 也是三原色表示法,不过多了一个a,a表示透明度,取值0~1,当他的值为1,完全看得到,0完全看不到。

4.十六进制:其实十六进制本质也是在用rgb表示方式,#FF0000代表红色,FF代表rgb函数中第一位参数值,后边0000两个一组分别表示第二,第三个参数的值。

5.十六进制缩写:如果十六进制颜色,每两位值都相同,就可以简写只写一个。 #FFCCDD等价于#FCD.

css属性

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/LIUCHUANQI12345/article/details/109145051