`background-image` 是CSS（层叠样式表）中的一个属性，用于设置HTML元素的背景图像。这个属性允许你指定一个图像文件作为元素的背景。下面是一些基本的用法和说明：
### 基本语法：
```css
element {
background-image: url('image.jpg');
}
```
其中 `element` 是你想要应用背景图像的HTML元素（如 `body`, `div`, `section` 等），而 `'image.jpg'` 是你想要应用的图像文件的路径（可以是相对路径或绝对路径）。你也可以使用CSS预定义的关键字（如 `none`）来移除元素的背景图像。
### 高级用法：
除了基本的图像路径，你还可以使用其他值来设置背景图像，例如：
* **多个背景图像**：你可以在一个元素上设置多个背景图像，这些图像会按声明的顺序层叠显示。这可以通过使用逗号分隔的图像列表来实现。
* **背景图像尺寸和位置**：使用其他相关属性（如 `background-size`, `background-position`, `background-repeat` 等）来进一步控制背景图像的显示方式。
* **背景图像与文字的关系**：使用 `background-attachment` 属性来固定或移动背景图像相对于视口或内容的位置。
### 示例：
以下是一个使用 `background-image` 的完整示例：
```css
body {
background-image: url('background.jpg'); /* 指定背景图像 */
background-size: cover; /* 图像覆盖整个元素 */
background-position: center; /* 图像居中显示 */
background-repeat: no-repeat; /* 图像不重复 */
}
```
在这个例子中，背景图像 `background.jpg` 会被设置为 `body` 元素的背景，并且会覆盖整个元素，图像会居中显示并且不会重复。