第4章学习了用 CSS background-color 属性配置背景颜色。除了背景颜色，还可选择图片作为元素的背景。

`background-image` 属性

使用 CSS background-image 属性配置背景图片。例如，以下 CSS 代码为 HTML 的 body 选择符配置背景图片 texture1.png，该图片和网页文档在同一个文件夹中：

body {
  background-image: url(texture1.png);
}

提示：确保图片文件（如 texture1.png）与 HTML 文件在同一目录下，否则图片无法加载。

同时使用背景颜色和背景图片

可同时配置背景颜色和背景图片。首先显示背景颜色（用 background-color 属性指定），然后加载并显示背景图片。

同时指定背景颜色和背景图片，能为访问者提供更愉悦的视觉体验。即使由于某种原因背景图片无法载入，网页背景仍能提供与文本颜色的良好对比度。如背景图片比浏览器窗口小，而且网页用 CSS 配置成不自动平铺（重复），没有被背景图片覆盖到的地方将显示背景颜色。

body {
  background-color: #f0f0f0;
  background-image: url(texture1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

下面是完整的 HTML 和 CSS 示例，演示如何设置背景图片和颜色：

背景图片示例