以下是一些常见的用法：
1. 使用十六进制颜色值：
background-color: #3498db;
2. 使用 RGB 颜色值：
background-color: rgb(52, 152, 219);
3. 使用 RGBA 颜色值（带透明度）：
background-color: rgba(52, 152, 219, 0.5);
上述例子中的 0.5 表示颜色的透明度，取值范围是 0（完全透明） 到 1（完全不透明）。
4. 使用颜色关键词：
background-color: red;
这里的 red 是一个 CSS 预定义的颜色关键词。
5. 使用 HSL 颜色值：
background-color: hsl(205, 86%, 47%);
6. 使用 HSLA 颜色值（带透明度）：
background-color: hsla(205, 86%, 47%, 0.7);
和其他背景属性一起使用，可以为元素创建具有吸引力的背景效果。例如：
.element {
background-color: #3498db;
padding: 20px;
border: 1px solid #2980b9;
border-radius: 10px;
}
在这个例子中，元素有一个蓝色的背景，内边距为20px，边框为浅蓝色，同时还设置了圆角边框。
转载请注明出处：http://www.zyzy.cn/article/detail/5994/CSS