background：有以下幾種屬性：
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
eg:
background: #00FF00 url(bgimage.gif) no-repeat fixed center;
一塊區域的背景是紅色，圖片是***，不平鋪，背景圖像不隨着頁面的其余部分滾動，圖片的位置在中間。
background-color：簡單。。。
background-position：
background-position：屬性設置背景圖像的起始位置。
1.有left,top,right,bottom,center五個值組合顯示位置。如果只寫第一個，第二個省略默認center。
2.x% y%:第一個值是水平位置，第二個值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規定了一個值，另一個值將是 50%。
3.Xpx Ypx: 第一個值是水平位置，第二個值是垂直位置。
background-size:
background-size:規定背景圖像的尺寸
1.length:設置背景圖像的高度和寬度。第一個值設置寬度，第二個值設置高度。如果只設置一個值，則第二個值會被設置為 "auto"。
2.percentage:以父元素的百分比來設置背景圖像的寬度和高度。第一個值設置寬度，第二個值設置高度。如果只設置一個值，則第二個值會被設置為 "auto"。
3.cover:把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。
4.contain:把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內容區域。
background-repeat:
background-repeat:規定如何重復背景圖像。默認地，背景圖像在水平和垂直方向上重復。
1.repeat-x,repeat-y 背景圖像將在水平方(垂直)向重復。
2.no-repeat：不重復。
3.inherit:規定應該從父元素繼承 background-repeat 屬性的設置。
background-origin:
background-origin: 規定背景圖片的定位區域。
1.padding-box:背景圖像相對於內邊距框來定位。
2.border-box:背景圖像相對於邊框盒來定位。
3.content-box:背景圖像相對於內容框來定位。
background-clip:
background-clip:規定背景的繪制區域。背景被裁剪到什么位置，和origin屬性相似
1.padding-box:背景圖像被裁剪到內邊距內部。
2.border-box: 背景圖像被裁剪到邊框內部。
3.content-box:背景圖像被裁剪到內容框內部。
background-attachment：
background-attachment：規定背景圖像是否固定或者隨着頁面的其余部分滾動。
1.scroll：默認值。背景圖像會隨着頁面其余部分的滾動而移動。
2.fixed：當頁面的其余部分滾動時，背景圖像不會移動。
3.inherit:規定應該從父元素繼承 background-attachment 屬性的設置。
background-image
background-image:路徑，簡單。
eg:
.boxImg{width: 100%;height: auto;} .img{display: block;background:url(***) no-repeat 100% auto center scroll;}
圖片隨着屏幕的大小自適應，圖片不會失幀，會格局寬度自己縮放高度，達到圖片的清晰。