新增！我的 44 页电子书“CSS 在 44 分钟内”已发布！ 😃

立即获取 →

#background-size

定义背景图像的大小。

默认 background-size: auto auto;

背景图像将保留其原始大小。

例如，此背景图像大小为960px x 640px。其纵横比为3:2。它大于其容器（容器高度为 150px），因此将被裁剪。

background-size: 120px 80px;

您可以使用像素指定大小

  • 第一个值是水平大小
  • 第二个是垂直大小

background-size: 100% 50%;

您也可以使用百分比值。请注意，这可能会更改背景图像的纵横比，并导致意外结果。

background-size: contain;

关键字contain将调整背景图像大小以确保其保持完全可见。

background-size: cover;

关键字cover将调整背景图像大小以确保元素被完全覆盖。