背景颜色的属性
在 HTML 中，body 元素是指网页的主体部分，它是所有 HTML 元素的容器。因此，可以使用 CSS 属性来设置 body 元素的样式，包括背景颜色。在 CSS 中，设置背景颜色的属性是 background-color。
下面让我们来详细了解这个属性的用法。
background-color 属性的语法
background-color 属性需要一个有效的 CSS 颜色值作为值。可以使用任何一个合法的 CSS 颜色值，如颜色名称、十六进制值或 RGB(A) 值。
下面是 background-color 属性的语法：
body {
background-color: color;
}
其中，color 是任何一个合法的 CSS 颜色值。
设置背景颜色的常用方法
使用颜色名称
CSS 提供了一些关键字来表示常用的颜色值，如 red、green、blue 等。这些颜色名称可以直接作为属性值使用。
例如，下面的代码将 body 元素的背景颜色设置为淡蓝色：
body {
background-color: skyblue;
}
使用十六进制颜色值
十六进制颜色值是一种用于表示颜色的常见方式，它由六个十六进制数字构成，前两个数字表示红色值，中间两个数字表示绿色值，后两个数字表示蓝色值。每个数字的取值范围是 00 到 FF，其中 00 表示最小的亮度（黑色），FF 表示最大的亮度（白色）。
例如，下面的代码将 body 元素的背景颜色设置为白色：
body {
background-color: #FFFFFF;
}
使用 RGB(A) 值
CSS 允许我们使用 RGB(A) 值来指定颜色。RGB 值由红、绿、蓝三种颜色分量的值组成，每种颜色的取值范围为 0 到 255。而 RGBA 值在 RGB 值的基础上增加了一个 alpha 通道，它表示颜色的透明度，取值范围为 0 到 1。
例如，下面的代码将 body 元素的背景颜色设置为 RGB 值为 173, 216, 230：
body {
background-color: rgb(173, 216, 230);
}
下面的代码将 body 元素的背景颜色设置为 RGBA 值为 173, 216, 230，0.5：
body {
background-color: rgba(173, 216, 230, 0.5);
}
这个颜色的 alpha 通道值是 0.5，表示颜色的透明度为 50%。
实例展示
下面的代码演示了如何在 HTML 文件中使用 background-color 属性来设置 body 元素的背景颜色：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置背景颜色</title>
<style>
body {
background-color: skyblue;
}
</style>
</head>
<body>
<h1>网页标题</h1>
<p>这是一段网页内容。</p>
</body>
</html>
上面的代码将 body 元素的背景颜色设置为淡蓝色，如下图所示：
下面的代码将 body 元素的背景颜色设置为白色，如下图所示：
body {
background-color: #FFFFFF;
}
下面的代码将 body 元素的背景颜色设置为 RGB 值为 173, 216, 230，如下图所示：
body {
background-color: rgb(173, 216, 230);
}
下面的代码将 body 元素的背景颜色设置为 RGBA 值为 173, 216, 230，0.5，如下图所示：
body {
background-color: rgba(173, 216, 230, 0.5);
}
结语
background-color 属性是设置元素背景颜色的基本属性，可以使用颜色名称、十六进制颜色值或 RGB(A) 值来设置一个元素的背景颜色。为了让网页看起来更加美观，可以在 CSS 样式表中使用 background-color 属性来改善网页的视觉效果。