css图片布满整个屏幕 |css语言入门教程

/*首先，大家需要将页面的margin和padding都设置为0。*/
body {
margin: 0;
padding: 0;
}
/*然后，大家需要将图片设置为背景，并设置其位置为“fixed”。*/
#background-img {
background-image: url("example.jpg");
background-size: cover;
background-position: center center;
background-attachment: fixed;
}
/*接下来，大家通过下面的代码将图片的高度和宽度都设置为100%。*/
#background-img {
height: 100%;
width: 100%;
}

以上代码中，“background-image”实际为图片路径，“background-size”将图片调整到屏幕大小，“background-position”指定图片在屏幕中的位置，而“background-attachment”则指定图片位置不随页面的滚动而滚动。

最后一段代码中，“height”和“width”将图片的高度和宽度都设置为100%（即整个屏幕大小）。这样，图片便能完全覆盖整个屏幕。

使用以上代码，大家可以非常简单地将一张图片布满整个屏幕，为网页增添不少美观和吸引力。