css怎么把图片当背景？

可以使用CSS的`background-image`属性将图片作为背景。例如：

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

这将把`div`元素的背景设置为`image.jpg`。你可以通过CSS的其他属性来调整背景图片的属性，例如`background-size`、`background-repeat`等。

相关问题

css背景图片怎么自己选？

在CSS中，可以使用background-image属性来设置背景图片。如果想要自己选取背景图片，可以按照以下步骤进行：

1. 在互联网上搜索图片库，例如Unsplash、Pexels等，找到自己喜欢的图片。
2. 下载图片并保存到本地文件夹中。
3. 在CSS中使用相对路径或绝对路径来引用图片，例如：

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

其中，../images/background.jpg是相对于CSS文件所在的目录的路径，表示引用了该目录下的background.jpg图片作为背景图片。

css把图片当成元素背景

在 CSS 中，可以使用 `background-image` 属性将一张图片作为元素的背景，而不是将其作为一个独立的元素。这种方式可以减少 HTML 结构的复杂度，同时也可以实现一些特殊的效果，比如响应式图片等。

具体实现方法如下：

1. HTML 结构：使用一个 `div` 元素作为容器，将需要展示的图片作为其背景。HTML 结构如下：

<div class="image-container"></div>

2. CSS 样式：使用 `background-image` 属性将图片作为容器的背景，并设置容器的宽度和高度，以及其他样式。CSS 样式如下：

.image-container {
  width: 500px;
  height: 300px;
  background-image: url('image.jpg');
  background-size: cover;
  background-position: center;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

上述 CSS 样式中，`.image-container` 容器使用 `width` 和 `height` 设置其大小，使用 `background-image` 将图片作为其背景，`background-size: cover` 让图片完全覆盖容器，`background-position: center` 让图片在容器中居中显示。`.image-container` 还添加了 `border` 和 `box-shadow` 属性，为容器添加边框和阴影效果。

需要注意的是，在使用 `background-image` 属性时，需要确保图片的大小和比例与容器相符，以避免图片变形或裁剪。