body {
background: url(图片地址) no-repeat;
background-size: cover;
}
以上是实现网页背景满屏的CSS代码,其中需要设置图片的地址,可以是本地图片或网络图片。background-size属性是用来控制背景图片的大小,cover表示让图片尽可能充满整个屏幕。
值得注意的是,如果大家需要在不同设备上都能够兼容,就需要使用一些媒体查询,对不同屏幕大小进行不同的设置。例如:
@media screen and (min-width: 768px) {
body {
background: url(图片地址) no-repeat;
background-size: cover;
}
}
以上代码指定了在屏幕宽度大于等于768像素时,背景图片满屏显示,这样就可以兼容不同屏幕大小了。
总的来说,让网页背景满屏可以通过CSS中的background-size属性实现,同时也需要注意兼容不同设备的问题。