如何在CSS中添加背景图片

在CSS中，可以通过 background-image 属性来为元素添加背景图片。本文将介绍如何使用 background-image 属性来添加背景图片。

语法

selector {
  background-image: url("path-to-image");
}

其中，selector 为选择器，可以指定要添加背景图片的元素或元素组合。url("path-to-image") 为图片路径，可以是绝对路径或相对路径。

实例

下面是一个例子，为一个 div 元素添加背景图片：

div {
  background-image: url("path-to-image");
}

在上面的例子中，我们使用了 div 选择器来指定要添加背景图片的元素，并指定了图片路径。

改变背景图片属性

可以使用其他属性来改变背景图片的属性，如 background-repeat 用于控制是否重复背景图片：

div {
  background-image: url("path-to-image");
  background-repeat: no-repeat;
}

在上面的例子中，我们将 background-repeat 属性设置为 no-repeat，从而防止背景图片重复。

如果背景图片不能完全覆盖元素，可以使用 background-size 属性来控制背景图片的大小：

div {
  background-image: url("path-to-image");
  background-size: cover;
}

在上面的例子中，我们将 background-size 属性设置为 cover，从而让背景图片完全覆盖元素。

总结

以上是如何在CSS中添加背景图片的介绍。通过使用 background-image 属性和其他属性，可以轻松地控制背景图片的属性，从而实现各种不同的效果。