1. 了解背景-size属性的值
背景-size属性有三个取值：
1) background-size: cover;
这个值表示将背景图片铺满整个页面。cover表示将图片的大小设置为页面的width和height的值的和。例如，如果页面的width和height的值分别为1000px，那么背景图片的大小将设置为1000px × 1000px。
2) background-size: contain;
这个值表示将背景图片的部分元素包含在页面中。 contain表示将图片的大小设置为页面的width和height的值的交集。例如，如果页面的width和height的值分别为1000px，那么背景图片的大小将设置为1000px × 80%，即800px × 20%。
3) background-size: auto;
这个值表示根据页面的宽度自动调整背景图片的大小。auto表示将背景图片的大小设置为页面width的1/2或页面height的1/2。例如，如果页面的width和height的值分别为1000px，那么背景图片的大小将设置为500px × 500px。
2. 使用background-size属性控制背景图片的大小
使用background-size属性控制背景图片的大小时，大家需要先定义背景图片的CSS样式。例如，大家可以使用以下样式来定义一个背景图片：
“`css
background: url(图片地址) no-repeat center center fixed;
这个样式中，background表示背景，url(图片地址)表示背景图片的URL地址，no-repeat表示背景图片不重复，center表示背景图片居中，center和 fixed表示背景图片固定不变。
在浏览器中打开这个网页，可以看到背景图片的大小已经设置好了。如果大家想要调整背景图片的大小，只需要更改background-size的值即可。例如，如果大家想要将背景图片的大小设置为800px × 20%，只需要将background-size的值设置为800px × 20%即可。
通过以上介绍，大家学会了如何使用CSS背景-size属性来设置背景图的大小。在实际工作中，大家可以根据具体情况灵活运用背景-size属性，以达到最佳的效果。