html 一张图片铺满网页无滚动条
时间: 2023-08-10 12:03:21 浏览: 89
要让一张图片铺满网页并且不出现滚动条,你可以使用以下 CSS 样式:
```css
html,
body {
height: 100%;
margin: 0;
}
body {
background-image: url("your-image-url");
background-repeat: no-repeat;
background-size: cover;
}
```
这里我们使用了 `background-image` 属性将图片作为背景图像,使用 `background-repeat: no-repeat` 属性来防止背景图像重复,使用 `background-size: cover` 属性来让图像自适应浏览器窗口大小。同时,我们还设置了 `html` 和 `body` 的高度为 100%,并且去除了 `body` 的 margin,以确保图片铺满整个网页。
阅读全文