body { background-image:url('your-image-url.jpg'); background-size:cover; }
CSS中大家使用background-image属性来设置背景图片。通过url()函数来指定图片的具体路径。来设置,其中’your-image-url.jpg’为你自己的图片路径
background-size这个属性一般默认的是auto,这时候图片的尺寸并不能够铺满整个屏幕。大家可以使用cover属性铺满整个屏幕。这时候图片会自动根据屏幕大小进行拉伸压缩,使其铺满整个屏幕。
同时,如果你想让图片重复铺满整个页面,可以使用background-repeat属性,将它设置成repeat,就可以将图片无限制地重复平铺。
body { background-image:url('your-image-url.jpg'); background-size:cover; background-repeat:repeat; }
最后值得注意的是,如果你的图片比较大,在网速差或者设备性能较低的情况下,加载过程可能会比较慢。因此,大家需要注意图片大小的选择,以免影响用户体验。