CSS: 如何在 Div 中给背景图片留边距

要在一个 Div 中给背景图片留边距，你可以使用 padding 属性。padding 属性用于设置元素的内边距，即元素内容与边框之间的距离。

以下是一个实例，展示了如何在一个 Div 中设置背景图片并给其留边距：

HTML 代码：

<div class='container'>
  <div class='box'></div>
</div>

CSS 代码：

.container {
  width: 400px;
  height: 200px;
  padding: 20px;
  background-image: url('your-image.jpg');
  background-size: cover;
  background-position: center;
}

.box {
  width: 100%;
  height: 100%;
}

在这个例子中，container 类定义了一个包含 box 类的 Div 容器。container 类设置了宽度、高度和内边距，以及背景图像。box 类用于设置容器内的内容。

通过设置 padding 属性为 20px，你可以在容器的内部留下一个 20 像素的边距。这样，背景图像将会在边距内显示。你可以根据需要调整内边距的大小。

同时，你可以使用 background-size 和 background-position 属性来调整背景图像的大小和位置。

请注意，如果你希望背景图像完全填充整个容器而不留边距，可以将 padding 属性设置为 0。