第1个回答 2023-09-13
在 HTML 中,您可以使用 `<body>` 标签的 `background-image` 属性或者使用内联样式来添加背景图片。以下是两种添加背景图片的方法:
1. 使用 `<body>` 标签的 `background-image` 属性:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>添加背景图片示例</title>
</head>
<body style="background-image: url('background.jpg');">
<h1>欢迎来到我的网站</h1>
</body>
</html>
```
在这个例子中,将 `background.jpg` 替换为您要使用的背景图片的文件名。请确保图片文件与 HTML 文件位于同一文件夹中,或者提供正确的文件路径。
2. 使用内联样式添加背景图片:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>添加背景图片示例</title>
</head>
<body>
<div style="background-image: url('background.jpg');"></div>
<h1>欢迎来到我的网站</h1>
</body>
</html>
```
在这个例子中,我们使用了一个 `<div>` 标签来包含背景图片。您可以根据需要将 `<div>` 标签替换为其他任何标签。请确保图片文件与 HTML 文件位于同一文件夹中,或者提供正确的文件路径。