body { background-image: url(bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; }
上述代码中,大家使用了 background-image 属性来设置背景图像,其中 bg.jpg 是大家要使用的图片的 URL 地址。接下来,大家使用了 background-size 属性来指定背景图像的尺寸,将它设置为 cover 可以让图片尽可能地覆盖整个屏幕。
同时,大家还使用了 background-repeat 属性来指定背景图像的重复方式,将它设置为 no-repeat 可以让图片不重复出现。最后,大家使用了 background-position 属性来指定背景图像的位置,将它设置为 center center 可以让图片在屏幕中央居中显示。
通过以上的 CSS3 代码,大家可以轻松地实现一个铺满整个屏幕的背景效果,让大家的网页变得更加美观、吸引人。