目录

CSS 背景图


CSS 背景图片

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

默认情况下,图片会重复,以便覆盖整个元素。

示例

设置页面的背景图片:

body {
  background-image: url("paper.gif");
}
亲自试一试 »

示例

这个例子展示了一个糟糕的组合文本和背景图片。文字很难读:

body {
  background-image: url("bgdesert.jpg");
}
亲自试一试 »

笔记:使用背景图片时,请使用不会干扰文本的图片。

还可以为特定元素设置背景图片,例如 <p> 元素:

示例

p {
  background-image: url("paper.gif");
}
亲自试一试 »

CSS 背景图片属性

Property Description
background-image Sets the background image for an element