background-size 属性用于设置背景图像的尺寸，以适应元素框的大小。该属性可以接受多种值，表示如何调整背景图像的大小。

以下是一些常见的用法：

1. auto（默认值）： 背景图像保持原始大小。
    background-size: auto;

2. length values： 使用具体的长度值（像素、百分比等）来指定背景图像的宽度和高度。
    background-size: 200px 100px;

    这表示背景图像的宽度为200像素，高度为100像素。

3. cover： 背景图像等比例缩放，以完全覆盖元素框，可能会裁切图像。
    background-size: cover;

4. contain： 背景图像等比例缩放，以完全包含在元素框内，可能会留有空白。
    background-size: contain;

5. percentage values： 使用百分比值来指定背景图像的宽度和高度，相对于元素框的大小。
    background-size: 50% 50%;

    这表示背景图像的宽度和高度都是元素框的50%。

这些值可以单独使用，也可以组合使用。例如：
.element {
  background-image: url('background.jpg');
  background-size: cover;
}

在这个例子中，background-size: cover; 表示背景图像将等比例缩放，以完全覆盖元素框。


转载请注明出处：http://www.zyzy.cn/article/detail/5999/CSS