css background-size 属性

background-size属性用于设置背景图像的大小。它可以接受不同的值来指定图像的尺寸。

以下是一些常见的background-size属性值及其含义：

1. auto：默认值，保持图像的原始尺寸。

2. length：可以使用具体的长度值来指定图像的宽度和高度。例如，background-size: 200px 300px; 将图像的宽度设置为200像素，高度设置为300像素。

3. percentage：可以使用百分比值来指定图像的宽度和高度。例如，background-size: 50% 75%; 将图像的宽度设置为父元素宽度的50%，高度设置为父元素高度的75%。

4. cover：将图像缩放到完全覆盖背景区域，可能会裁剪图像。如果图像的宽高比与背景区域不匹配，图像可能会被拉伸以适应背景区域。

5. contain：将图像缩放到完全适应背景区域，可能会在图像周围留有空白。如果图像的宽高比与背景区域不匹配，图像将按比例缩放以适应背景区域。

以下是一个示例，展示了如何使用background-size属性：

div {
  background-image: url("example.jpg");
  background-size: cover;
}

这个示例将一个名为example.jpg的图像作为div元素的背景图像，并使用cover值将图像缩放以完全覆盖div元素的背景区域。