使用 CSS 裁剪背景图像

使用 CSS 裁剪背景图像可以通过设置 background-image 属性和 background-size、background-position、background-repeat 属性来实现。

首先，使用 background-image 属性设置背景图像的 URL。例如：

.container {
  background-image: url('example.jpg');
}

接下来，使用 background-size 属性来调整背景图像的大小。可以使用 cover 或 contain 关键字，或者使用百分比或具体值来设置大小。例如：

.container {
  background-image: url('example.jpg');
  background-size: cover;
}

使用 background-position 属性来调整背景图像的位置。可以使用 top、bottom、left、right、center 等关键字，或者使用百分比或具体值来设置位置。例如：

.container {
  background-image: url('example.jpg');
  background-size: cover;
  background-position: center;
}

最后，使用 background-repeat 属性来调整背景图像的重复方式。可以使用 repeat、repeat-x、repeat-y、no-repeat 等关键字来设置重复方式。例如：

.container {
  background-image: url('example.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

这样，就可以使用 CSS 裁剪背景图像，并根据需要调整大小、位置和重复方式。