在本章第1節“背景樣式概述”，我們已經給大家分析了在CSS中控制元素的背景樣式包括背景顏色和背景圖像，其中控制元素的背景圖像涉及到的屬性比較多，下面稍微給大家講解一下，以便為讀者理清後面的學習思路。
background-image屬性是控制元素的必選屬性，它定義了圖像的來源，跟HTML的img標簽一樣，必須定義圖像的來源路徑，圖像才能顯示。
background-repeat屬性定義背景圖像的顯示方式，例如不平鋪、橫向平鋪和兩個方向都平鋪。
如上圖，第一部分就是背景圖像在縱向和橫向兩個方向都平鋪，第二部分只是在橫向平鋪，而第三部分只是在縱向平鋪。
background-position屬性定義了背景圖像在該元素的位置。
定義背景圖像在元素的位置，一般需要定義背景圖像的橫向位置和縱向位置，例如上圖定義了背景圖像在橫向距離元素左邊80px，在縱向距離元素頂邊40px。
在CSS中，使用背景附件background-attachment屬性可以設置背景圖像是隨對象滾動還是固定不動。
如上圖，使用background-attachment屬性設置背景圖像固定不動，然後你拖動浏覽器滾動條的時候會驚奇發現，圖像在固定在浏覽器的某個位置，而不隨滾動條滾動而變化！