Gambar Latar Belakang CSS

Gambar Latar Belakang CSS

background-image 属性 指定 用作 元素 背景的 图像。

默认情况下，图像 会 重复，以 覆盖 整个 元素。

实例

页面的 背景图像 可以 这样 设置：

body {
  background-image: url("paper.gif");
}

试一试 亲自

实例

本例 展示了 文本 和 背景图像 的组合 错误。难以 阅读文字：

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

试一试 亲自

注意：使用 背景图像 时，请 使用 不会 干扰 文本 的 图像。

还可以 为 特定元素 设置 背景图像，例如 <p> 元素：

实例

p {
  background-image: url("paper.gif");
}

试一试 亲自