在 CSS 中将图像添加到 div

在网页设计中，经常需要将图像添加到 div 中。这可以通过 CSS 中的 background-image 属性来实现。

以下是在 div 中添加图像的示例：

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

在这个示例中，我们使用了 background-image 属性来将一个名为 image.jpg 的图片作为 div 的背景。图片地址可以是相对路径或绝对路径。

除了 background-image 属性之外，还可以使用其他 background-* 属性来控制背景的显示方式，例如 background-color、background-repeat 和 background-position。

div {
  background-image: url("image.jpg");
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center;
}

在这个示例中，我们设置了 div 的背景颜色为 #eee，禁止重复背景图片，将背景图片居中显示。

需要注意的是，在使用背景图片时，要根据图片大小和 div 的尺寸进行调整，避免图片拉伸或重复显示。

结论

通过 background-image 属性，我们可以轻松地将图像添加到 div 中，并通过其他 background-* 属性来控制背景的显示方式。

参考文献

• CSS background-image 属性
• CSS background-* 属性