<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS颜色单位</title>
<style>
/*
一、颜色单位
1.预定义颜色名：HTML和CSS规定了147种颜色名。例如：red yellow green blue
2.RGB颜色值
rgb（Red,Green,Blue):括号中每个参数代表对应颜色的浓度
浓度值是0~255之间的整数，0表示无浓度，255最大浓度
也可以使用百分比表示浓度0%~100%
3.十六进制颜色值
#RRGGBB：RR-红色 GG-绿色 BB-蓝色。每种颜色使用十六进制整数表示浓度
十六进制（满十六进一）：0 1 2 3 4 5 6 7 8 9 a b c d e f
例如：#ff0000
若每种颜色的两位数值都一样可以简写：#f00
4.RGBA：相较于RGB多了个A表示透明度，取值范围在0.0-1.0之间
0.0表示透明1.0表示不透明0.5表示半透明
5.HSL/HSLA
H色调（0=360）0红色->120绿色->240蓝色
S饱和度（0%-100%）0%灰色->100%全彩
L亮度（0%-100%）0%黑色->100%白色
A透明度（0.0-1.0）0.0透明->1.0不透明
*/
.div1{
width: 200px;
height: 200px;
/* background-color: rgb(255,200,0);*/
/* background-color: rgb(100%,0%,0%);*/
/* background-color: #ff0000;*/
/*background-color: #f00;*/
/*background-color: rgba(255,0,0,0.3);*/
background-color: hsla(0,100%,50%,.3);
}
</style>
</head>
<body>
<div class="div1"></div>
</body>
</html>
版权属于：
yu
作品采用：
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)