图片cssbackground-size

background-size 是一个 CSS 属性，用于控制背景图片的尺寸大小。

可以通过以下几种方式来设置 background-size 属性：

1. 指定具体的尺寸值：可以使用像素(px)、百分比(%)、视口单位(vw, vh)等来指定背景图片的宽度和高度。例如：

   .my-element {
     background-size: 200px 300px; /* 设置背景宽度为200像素，高度为300像素 */
   }

2. 使用关键字：可以使用一些关键字来设置背景图片的尺寸，常见的关键字包括：

- `auto`：保持原始图片的比例，自动调整尺寸适应容器。
- `cover`：保持图片比例不变，并将其缩放到完全覆盖容器。可能会裁剪部分图片。
- `contain`：保持图片比例不变，并将其缩放到完全包含在容器内。可能会留有空白区域。

例如：

   .my-element {
     background-size: cover; /* 图片按照 cover 关键字的方式进行缩放 */
   }

3. 使用多个背景图片时，可以针对每个图片设置不同的尺寸。可以通过逗号分隔的方式指定每个背景图片的尺寸。例如：

   .my-element {
     background-image: url(image1.jpg), url(image2.jpg);
     background-size: 100% auto, cover; /* 设置第一个图片的宽度为100%，高度自适应；设置第二个图片按照 cover 关键字进行缩放 */
   }

这些是设置背景图片尺寸的一些常见方式，根据具体需求选择合适的方式来控制背景图片的大小。