css background-image使用

CSS中的background-image属性用于设置元素的背景图像。以下是使用background-image属性的示例：

1. 使用相对路径设置背景图像：

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

2. 使用绝对路径设置背景图像：

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

3. 使用外部链接设置背景图像：

div {
  background-image: url(https://example.com/images/background.jpg);
}

4. 设置多个背景图像：

div {
  background-image: url(images/background.jpg), url(images/pattern.png);
}

可以使用逗号分隔多个背景图像，它们按顺序堆叠在一起。

5. 设置背景图像的重复方式：

div {
  background-image: url(images/background.jpg);
  background-repeat: no-repeat;
}

可以使用background-repeat属性设置背景图像的重复方式。可选值为no-repeat、repeat-x、repeat-y和repeat。

6. 设置背景图像的位置：

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

可以使用background-position属性设置背景图像的位置。可选值为left、center、right、top、bottom和具体的像素值。

7. 设置背景图像的大小：

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

可以使用background-size属性设置背景图像的大小。可选值为auto、cover、contain和具体的像素值。