CSS background-size 属性用于设置背景图片的尺寸。

在 CSS 中，可以使用 background-size 属性来更改背景图片的大小。它可以接受两个参数：宽度和高度。

常用的 background-size 属性值：

1. auto：默认值，保持原始图片的比例，并将其自动调整为适应元素的大小。

2. cover：自动调整图片大小，保持其宽高比例不变，并使其完全覆盖元素。这可能会导致图片被裁剪。

3. contain：自动调整图片大小，保持其宽高比例不变，并使整个图片都完全显示在元素中。这可能会导致元素的背景区域有空白。

4. length：可以使用具体像素值来指定背景图片的宽度和高度。

5. percentage：可以使用百分比值来指定背景图片的宽度和高度，相对于元素的宽度和高度进行调整。

例如，你可以使用以下 CSS 代码来设置背景图片大小为宽度为300px，高度为200px：

```css

.background {

background-image: url("example.jpg");

background-size: 300px 200px;

}

```

同时，你也可以使用百分比值来自适应元素的大小。例如，以下 CSS 代码将背景图片的宽度设置为元素宽度的50%，高度设置为元素高度的50%：

```css

.background {

background-image: url("example.jpg");

background-size: 50% 50%;

}

```

在某些情况下，你可能需要调整背景图片的显示模式。background-size 属性提供了两个额外的关键字值：

1. background-size: contain;

2. background-size: cover;

contain 值会使背景图片自适应元素的大小，保持其宽高比例不变，并使整个图片都完全显示在元素中。如果图片的宽高比例与元素的宽高比例不匹配，可能会导致元素的背景区域有空白。

cover 值会使背景图片自适应元素的大小，保持其宽高比例不变，并使其完全覆盖元素。这可能会导致图片被裁剪。

```css

.background {

background-image: url("example.jpg");

background-size: contain;

}

```

```css

.background {

background-image: url("example.jpg");

background-size: cover;

}

```

总结：

CSS background-size 属性可以用于设置背景图片的大小。它可以通过设置具体像素值、百分比值或使用关键字值来实现自适应元素的大小。其中常用的关键字值有 auto、cover 和 contain。在使用 background-size 属性时，可以根据需要选择合适的值来实现预期的效果。