web如何添加背景图片
时间: 2023-09-04 10:12:20 浏览: 71
要在网页中添加背景图片,可以使用 CSS 样式表中的 `background-image` 属性。下面是一个简单的示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>带背景图片的网页</title>
<style>
body {
background-image: url("背景图地址");
}
</style>
</head>
<body>
<h1>这是一个带背景图片的网页</h1>
<p>这是网页的内容。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis ex id odio tincidunt blandit vel a dui. Sed ac erat ut nulla dapibus ullamcorper sit amet eu erat. Suspendisse potenti. Sed eget maximus nulla, vitae pharetra arcu. </p>
</body>
</html>
```
在上面的代码中,你需要将 `背景图地址` 替换为你自己的背景图片的 URL 地址。你可以使用相对路径或绝对路径来指定背景图片的地址,具体取决于图片文件在你的项目中的位置。
此外,你可以使用其他 CSS 属性来调整背景图片的显示方式,比如 `background-repeat`、`background-size`、`background-position` 等。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)