CSS 背景圖像

CSS 背景圖像

background-image 屬性指定用作元素背景的圖像。

默認情況下，圖像會重復，以覆蓋整個元素。

實例

頁面的背景圖像可以像這樣設置：

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

親自試一試

實例

本例展示了文本和背景圖像的錯誤組合。文字難以閱讀：

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

親自試一試

注意：使用背景圖像時，請使用不會干擾文本的圖像。

還可以為特定元素設置背景圖像，例如 <p> 元素：

實例

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

親自試一試