要在一个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

css 一个div里怎么让背景图留边距

原文地址: https://www.cveoy.top/t/topic/ioQ6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录