CSS3颜色表达方法

CSS颜色表达方法

CSS中在进行颜色的表示时,通常有以下三种方式:

1.纯英文单词(土鳖式)

css代码:

Element{
    
    
	color: red;
}
Element1{
    
    
	color: green;
}

这种方法只能练习的时候使用,一般实际开发中不使用。

2.颜色代码

css代码:

Element{
    
    
	color: #ff4400;
}

此处的颜色代码表示的是每种颜色的RGB值(以十六进制显示),现在我们将RGB值拆开来看,那么就是R,G,B分别表示红色、绿色、蓝色,每一种原色的值都在 00–ff 之间,用以表示每种原色的饱和度,这样就可以通过三原色的饱和度合成来达到各种不同的颜色。
#f40 被称为 淘宝红

3.颜色函数

css代码:

Element{
    
    
	color:rgb(255,0,1);
}
Element{
    
    
	color: rgba(255,0,1,0.6);
}
/*a -->  alpha : 透明度(0-->1)*/

猜你喜欢

转载自blog.csdn.net/facial_123/article/details/114680529