css中加背景图片

CSS中可以使用背景图片来为元素添加背景样式，通过设置background-image属性来指定要使用的图片。背景图片可以用于网页的装饰、品牌标识、背景图案等等，可以为网页增添美观和个性化。

在CSS中，我们可以使用相对路径或绝对路径来引用背景图片。相对路径是相对于当前CSS文件的路径，而绝对路径是指完整的URL路径。下面是一个示例代码，展示了如何使用相对路径引用背景图片：

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

在上面的示例中，我们将背景图片文件命名为"background.jpg"，并将其放在一个名为"images"的文件夹中。然后，我们将该图片作为背景图片应用于整个网页的body元素。这样，整个网页的背景就会显示为这张图片。

除了使用相对路径，我们还可以使用绝对路径来引用背景图片。绝对路径是指完整的URL路径，可以是一个外部网址或者是本地服务器上的路径。下面是一个示例代码，展示了如何使用绝对路径引用背景图片：

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

在上面的示例中，我们使用了一个外部网址来引用背景图片。这样，网页的背景就会显示为这个外部网址指定的图片。

除了设置背景图片，我们还可以通过其他属性来进一步控制背景图片的显示效果。例如，可以使用background-repeat属性来指定背景图片的重复方式，可以使用background-position属性来指定背景图片的位置，可以使用background-size属性来指定背景图片的尺寸等等。下面是一个示例代码，展示了如何使用这些属性来控制背景图片的显示效果：

body {
  background-image: url("images/background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

在上面的示例中，我们设置了背景图片不重复（no-repeat），并将其居中显示（center），同时将其尺寸调整为适应整个元素的大小（cover）。

CSS中可以使用背景图片来为元素添加背景样式。我们可以使用相对路径或绝对路径来引用背景图片，并可以通过其他属性来进一步控制背景图片的显示效果。背景图片可以为网页增添美观和个性化，是网页设计中常用的一种技术手段。