html背景图片铺满网页
时间: 2023-05-28 16:04:54 浏览: 61
在 HTML 中,可以使用 CSS 来设置背景图片,并让其铺满整个网页。以下是实现的步骤:
1. 在 CSS 中设置背景图片的 URL:
```css
body {
background-image: url("path/to/image.jpg");
}
```
2. 设置背景图片的大小,使其铺满整个网页:
```css
body {
background-image: url("path/to/image.jpg");
background-size: cover;
}
```
3. 可以进一步设置背景图片的位置,使其居中或者靠左/右对齐:
```css
body {
background-image: url("path/to/image.jpg");
background-size: cover;
background-position: center; /* 居中对齐 */
/* background-position: left; */ /* 靠左对齐 */
/* background-position: right; */ /* 靠右对齐 */
}
```
完整的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>背景图片铺满网页</title>
<style>
body {
background-image: url("path/to/image.jpg");
background-size: cover;
background-position: center;
}
</style>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
```
其中,`path/to/image.jpg` 为图片的路径,可以根据实际情况修改。