颜色单位:在CSS中可以直接使用颜色名来设置各种颜色。
比如:red orange blue……
例:
.........
<styel>
.box1{
width:100px;
height:100px;
background-color:red;
}
</styel>
</head>
<body>
<div class=box1></div>
</body>
</html>
但是在CSS中直接使用颜色名是非常不方便的
RGB值
RGB通过三种颜色的不同浓度来调配出不同的颜色
R red, G green, B blue
每一种颜色的范围在0-255(0％-100％)之间
语法，RGB(红色，绿色，蓝色)【光的三原色】
例:
.........
<styel>
.box1{
width:100px;
height:100px;
background-color:red;
background-cololor:rgb(255，255，255)；【你会发现当光的三原色都为最高值，显示的是白色】
}
</styel>
</head>
<body>
<div class=box1></div>
</body>
</html>
RGBA
就是在rgb的基础上增加了一个a表示不透明度
需要四个值，前三个和rgb一样，第四个表示不透明度
1表示完全不透明
0表示完全透明
.5表示半透明
十六进制的RGB值:
语法:#红色绿色蓝色
颜色浓度通过00--ff(00表示没有，ff表示最大)
如下:
background-color:#ff0000；【ff表示红色，中间00表示绿色，后边00表示蓝色】
如果颜色两位两位重复可以进行简写
例:
background-color:#ffff00；
简写成
background-color:#ff0；
扫一扫
582
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
