CSS颜色
1.预定义颜色名称：CSS提供了一些常见颜色名称，可以直接使用：
red : 红色
blue： 蓝色
green ： 绿色
yellow ： 黄色
white ： 白色等等
2.十六进制颜色值：使用#符号后跟六位十六进制数字来表示颜色。每两位数字表示红、绿、蓝颜色分量，例：
#FF0000 ：红色
#0000FF ： 蓝色
#00FF00 ： 绿色
#FFFF00： 黄色
#FFFFFF ： 白色
3.RGB颜色值 ： 使用rgb() 函数表示颜色，其中红、绿、蓝（RGB）的颜色分量分别用0-255的整数值表示，例：
rgb(255,0,0)：红色
rgb(0,0,255) ： 蓝色
rgb(0,255,0)： 绿色
rgb(255,255,0)： 黄色
rgb(255,255,255)： 白色
4.RGBA颜色值：与RGB颜色值类似，但是可以指定一个透明度，透明度的取值范围是0-1 ，其中0表示完全透明，1表示完全不透明，例：
rgba(255,0,0,0.5) ：半透明的红色
5.HSL颜色值： 使用hsl() 函数表示颜色，其中色相、饱和度和亮度分别用角度、百分比表示：
hsl(0,100%,50%) ：红色
hsl(240%,100%,50%) ： 蓝色
hsl(120%,100%,50%)： 绿色
6.HSLA颜色值：与HSL相似，但是增加了透明度，例：
hsl(0,100%,50%,0.5) ：半透明红色
下面是一个示例，将不同颜色应用到HTML元素的背景颜色上：
<!DOCTYPE html>
<html>
<head><title>CSS颜色示例</title> <style>.color-example {width: 200px;height: 200px;margin-bottom: 10px;} .red {background-color: red;}.green {background-color: green;} .blue {background-color: blue;}.yellow {background-color: yellow; }</style>
</head>
<body><div class="color-example red"></div> <div class="color-example green"></div><div class="color-example blue"></div><div class="color-example yellow"></div>
</body>
</html>
这样，浏览器会在页面中显示四个区域，分别具有红，绿，蓝，黄的背景色。
