css中使用图片

在CSS中使用图片可以通过background-image属性来实现。该属性允许我们将一个图片作为元素的背景，并且可以通过不同的属性值来控制图片的显示方式。

我们需要将图片文件保存在项目的文件夹中，可以是与HTML文件同级的文件夹，也可以是其他位置。然后，我们可以使用相对路径或绝对路径来引用图片文件。

示例代码如下所示：

.element {
  background-image: url('path/to/image.jpg');
}

在这个示例中，我们使用了相对路径来引用图片文件。其中，`path/to/image.jpg`是图片文件的相对路径，可以根据实际情况进行修改。

除了使用相对路径，我们还可以使用绝对路径来引用图片文件。绝对路径是指图片文件在服务器上的完整路径，可以通过在URL中指定完整的路径来引用图片文件。

示例代码如下所示：

.element {
  background-image: url('https://example.com/path/to/image.jpg');
}

在这个示例中，我们使用了一个完整的URL来引用图片文件。其中，`https://example.com/path/to/image.jpg`是图片文件在服务器上的完整路径，可以根据实际情况进行修改。

除了background-image属性，我们还可以使用其他的CSS属性来控制图片的显示方式。例如，可以使用background-repeat属性来控制图片的重复方式，可以使用background-size属性来控制图片的尺寸，可以使用background-position属性来控制图片的位置等等。

示例代码如下所示：

.element {
  background-image: url('path/to/image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

在这个示例中，我们使用了background-repeat属性来禁止图片的重复显示，使用了background-size属性来将图片调整为覆盖整个元素的大小，使用了background-position属性将图片居中显示。

总结一下，通过在CSS中使用background-image属性，我们可以将图片作为元素的背景，并且可以通过其他的CSS属性来控制图片的显示方式。我们可以使用相对路径或绝对路径来引用图片文件，同时还可以结合其他相关的CSS属性来实现更多样化的效果。