background-color用于设置元素背景颜色，可应用于div、p等元素，支持颜色名、十六进制、RGB、HSL和transparent值，常用于美化页面布局并需注意对比度与可访问性。
在css中，background-color 属性用于设置元素的背景颜色。它可以应用到任何html元素，比如 div、p、body、header 等，让页面更具视觉效果。
基本语法
使用 background-color 非常简单，格式如下：
selector {
background-color: color-value;
}
其中 color-value 可以是颜色名称、十六进制值、RGB值、HSL值或透明度（如 transparent）。
常见的颜色表示方式
- 颜色名称：比如
red、blue、green、white、black等。 - 十六进制值：如
#ff0000（红色）、#000000（黑色）、#ffffff（白色）。 - RGB值：如
rgb(255, 0, 0)表示红色。 - HSL值：如
hsl(0, 100%, 50%)也是红色。 - transparent：表示完全透明，这是默认值。
实际使用示例
下面是一些常见用法：
立即学习“前端免费学习笔记（深入）”；
/* 设置整个页面背景为浅灰色 */
body {
background-color: #f0f0f0;
}
/ 设置一个 div 的背景为蓝色 /
.box {
background-color: blue;
}
/ 使用 rgb 设置背景色 /
p {
background-color: rgb(240, 248, 255); / 浅蓝色 /
}
/ 设置背景透明 /
.transparent-box {
background-color: transparent;
}
注意事项
设置背景颜色时，注意文字与背景之间要有足够的对比度，保证可读性。例如，深色文字配浅色背景，或反之。
如果未设置 background-color，元素默认是透明的（transparent），会显示父元素的背景或页面背景。
基本上就这些。background-color 是最基础也最常用的样式之一，掌握它能快速美化页面布局。不复杂但容易忽略细节，比如颜色搭配和可访问性。基本上就这些。