通过background-color属性可为HTML元素设置背景颜色，支持颜色关键词（如blue）、十六进制值（如#f5f5f5）、RGB（如rgb(255,0,0)）、RGBA（如rgba(0,0,0,0.5)）和HSL（如hsl(120,100%,50%)）等多种方式，适用于div、p、span等元素。
通过 CSS 的 background-color 属性，你可以轻松为 HTML 元素设置背景颜色。这个属性适用于任何块级或行内元素，比如 div、p、span、body 等。
使用颜色关键词
CSS 支持多种预定义的颜色关键词，直接使用即可。
- red：红色
- blue：蓝色
- green：绿色
- black：黑色
- white：白色
- gray：灰色
示例：
div {
background-color: blue;
}
使用十六进制值（Hex）
这是最常见的方式，格式为 #RRGGBB，每个字母代表一个颜色通道的强度（00 到 FF）。
立即学习“前端免费学习笔记（深入）”；
例如：
- #ff0000：纯红色
- #00ff00：纯绿色
- #0000ff：纯蓝色
- #f0f0f0：浅灰色背景常用值
示例：
p {
background-color: #f5f5f5;
}
使用 RGB 值
通过 rgb() 函数指定红、绿、蓝三个通道的数值（0–255）。
- rgb(255, 0, 0)：红色
- rgb(0, 128, 255)：天蓝色
- rgb(240, 240, 240)：接近白色的灰
支持透明度的 rgba() 格式：
div {
background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
}
使用 HSL 值
HSL 表示色相（Hue）、饱和度（Saturation）、亮度（Lightness），更直观地控制颜色。
- hsl(0, 100%, 50%)：红色
- hsl(120, 100%, 50%)：绿色
- hsl(240, 100%, 50%)：蓝色
也支持 hsla() 添加透明度：
body {
background-color: hsla(200, 100%, 50%, 0.1);
}
基本上就这些。选择哪种方式取决于你的习惯和设计需求，关键词简单，hex 常用，rgb 和 hsl 更灵活，尤其在需要透明背景时推荐使用 rgba 或 hsla。
