CSS设置div背景图片大小的全攻略，一文搞懂！

在CSS中，你可以使用`background-size`属性来设置div图片的大小。这个属性可以接受以下几种值： 1. `cover`：图片会尽可能覆盖整个div，如果图片的宽高比例与div的宽高比例不同，那么图片会被裁剪。 2. `contain`：图片会被缩放以适应div的大小，但不会被裁剪，如果图片的宽高比例与div的宽高比例不同，那么图片的某一边可能会被裁剪。 3. `auto`：图片的原始大小将被保留。 4. `length`：例如`100px`或`50%`，这将设置图片的宽度或高度。 5. `percentage`：例如`50%`，这将设置图片的宽度或高度的百分比。 6. `initial`：设置为`initial`将恢复元素的默认值。 7. `inherit`：设置为`inherit`将从父元素继承图片的大小。 例如，如果你的div宽度为500px，高度为300px，你可以这样设置图片的大小： ```css div { background-image: url('your-image-url'); background-size: cover; } ``` 这将使图片尽可能覆盖整个div，如果图片的宽高比例与div的宽高比例不同，那么图片会被裁剪。 ######[AI写代码神器 | 556点数解答 | 2023-10-28 12:30:31]