html铺满整个页面_html 怎么让背景图铺满整个页面?
时间: 2023-08-24 17:05:09 浏览: 4408
CSS实现HTML背景图片拉伸铺满示例
可以使用CSS样式中的`background-size`属性来实现。具体方法如下:
1. 在CSS样式中设置背景图的URL和`background-size`属性:
```css
body {
background-image: url("背景图的URL");
background-size: cover;
}
```
2. `background-size`属性有多个可选值,这里我们使用`cover`,表示背景图将被缩放到完全覆盖容器,可能会被裁剪。
这样,背景图就会铺满整个页面。如果你想保持背景图的比例,可以使用`background-size: contain;`,表示背景图将被缩放以适应容器,但不会被裁剪。
阅读全文