background-image 屬性允許指定一個圖片展示在背景中。可以和background-color 連用，因此如果圖片不重複地話，圖片覆蓋不到地地方都會被背景色填充。代碼很簡單，只需要記住，路徑是相對於樣式表的，因此以下的代碼中，圖片和样式表是在同一個目錄中的
對於圖片，首先我們先想到是背景圖片。因為我們許許多的裝飾都是用背景圖片來實現的。既然這樣，那麼就從CSS控制背景圖片講起吧。
定義和用法background-image 屬性為元素設置背景圖像。
元素的背景佔據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距。
默認地，背景圖像位於元素的左上角，並在水平和垂直方向上重複。
1.CSS控制背景圖片：對於一個網頁，我們開始設計的時候，可能沒有過多的去想背景圖到底是什麼，因為大多都是設計背景色就可以了，原因嗎，我想也很簡單，因為它與前景音樂一樣，對於網頁的打開，速度會有一定的影響。不過對於一般的個人網站，或者個人博客而言，它對展現自己的個性，當然是不可或缺的了，當然什麼都不會太過完美，有好就有壞，也就是當圖像不可用但CSS可用的時候，替換內容就不會顯示出來，因此，並不建議在導航按鈕文本或類似的情況中使用CSS背景圖片。
控制背景圖片的CSS屬性有很多，只要與圖片的相關的，大多都會用的上。
(1)、背景圖片的導入：當然大家最熟悉的當然是background與background-image了。
為網頁設計背景圖片的代碼是：
body {background:url(d:/images/04.jpg)}
或者
body {background-image:url(d:/images/04.jpg)}
這樣的話，我們就能將想要作背景的圖片導進網頁裡了。
(2)、背景圖片的顯示方式：當然，只用上面的代碼，是無法表達出自己想要的效果的。因為，圖片小了，就會以平舖的方式，如果是大了，為顯示它，就是會出現滾動條，這樣多不好。因此，我們還得多其進行顯示控制，也就是要用到background-repeat，
它是取值：
repeat : 默認值。背景圖像在縱向和橫向上平鋪
no-repeat : 背景圖像不平鋪
repeat-x : 背景圖像僅在橫向上平鋪
repeat-y : 背景圖像僅在縱向上平鋪
而代碼，我想只要懂一點CSS的都知道，如下
：
body {background:url(d:/images/04.jpg);background-repeat:no-repeat}
這樣的話，它就是以原圖像大小顯示了。
(3)、背景圖片的大小控制：不過問題是，倘若圖片過大了，又怎麼辦呢？對於一個好網頁來說，最好不要用太大的圖片，原因上面也說過了，影響打開網頁的速度。我們最好還是用PS或者FireWorks處理一下。不過既然我提到了，我們也不防用CSS來實現圖片大小的控制。
我想很多人會自然而然的用上如下代碼：
複製代碼