css中怎么设置背景图铺满屏幕

CSS中，我们可以使用background属性来为元素设置背景图像。但是默认情况下，背景图像是平铺的，可能会导致一张小小的图片被重复铺满整个屏幕，显得十分不美观。

所以，我们需要设置背景图像填充整个屏幕。其中，可以通过background-size属性来设置背景图像的大小，具体的做法如下：

background-image: url('yourImage');
background-repeat: no-repeat;  /* 默认情况下，背景图像是平铺的，我们需要将其设置为不平铺 */
background-size: cover;  /* background-size可以有很多取值，但最常见的有两种：cover和contain */ 

其中，cover的作用是将背景图像横向和纵向分别进行拉伸或压缩，以达到完美地填充整个屏幕的效果。另一种取值contain，则是将背景图像等比例缩放，以便其完整地显示在元素内部。

最后，需要注意的是，background-size属性支持同时设置宽度和高度。例如，我们可以使用如下的代码，按照100%的宽度和150px的高度来显示背景图像：

background-size: 100% 150px;