[分享]css中怎么给div添加图片

CSS中给div添加背景图片的方法非常简单，只需使用background-image属性即可。下面是一个示例：

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

上面的代码将在div中添加一张名为"image.jpg"的图片作为背景。需要注意的是，图片路径必须是相对于CSS文件的路径。

如果需要设置图片的位置，可以使用background-position属性。下面是一个示例：

div {
  background-image: url('image.jpg');
  background-position: center;
}

上面的代码将图片放置在div的中心位置。除了center之外，还可以使用top、bottom、left、right等关键字或者具体的像素值来控制图片的位置。

如果需要重复显示图片，可以使用background-repeat属性。下面是一个示例：

div {
  background-image: url('image.jpg');
  background-repeat: repeat-x;
}

上面的代码将水平方向上对图片进行重复显示。除了repeat-x之外，还可以使用repeat-y、repeat以及no-repeat来控制图片的重复方式。

最后，如果需要控制图片的尺寸，可以使用background-size属性。下面是一个示例：

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

上面的代码将图片按照div的尺寸进行缩放，直到完全覆盖div。除了cover之外，还可以使用contain、具体的像素值、百分比等来控制图片的尺寸。

总之，CSS提供了非常丰富的选项来控制div背景图片的呈现方式。大家可以根据具体的需求来选择合适的属性。