CSS 背景图像

CSS 背景图像

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

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

实例

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

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

实例

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

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

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

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

实例

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