css 中如何调整背景图片大小

在CSS中，我们可以使用background-image属性来为网页元素添加背景图片。但是，当我们想要调整背景图片的大小时，就需要使用background-size属性来实现。具体操作如下： 首先，在CSS中为我们想要添加背景图片的元素设置background-image属性，例如：

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

接着，使用background-size属性来调整背景图片的大小，可以使用以下几个单位： 1. px：像素单位。例如，将背景图片设置为200px x 100px大小：

p {
  background-image: url('example.jpg');
  background-size: 200px 100px;
}

2. %：百分比单位。例如，将背景图片大小设置为元素宽度的50%：

p {
  background-image: url('example.jpg');
  background-size: 50%;
}

3. cover：让背景图片完全覆盖元素，但可能会被裁剪。例如：

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

4. contain：保持背景图片比例不变，完全包含元素。例如：

p {
  background-image: url('example.jpg');
  background-size: contain;
}

以上就是调整CSS中背景图片大小的方法，方法繁多但具体使用场合还需要根据实际情况灵活运用。