background-image屬性用于為某個元素設(shè)置一個或多個背景圖像，各個背景圖像以堆疊的方式逐張放置在元素的上面。
1、background-color： 規(guī)定要使用的背景顏色。background-position： 規(guī)定背景圖像的位置。background-size： 規(guī)定背景圖片的尺寸。background-repeat ：規(guī)定如何重復背景圖像。background-origin ：規(guī)定背景圖片的定位區(qū)域。background-clip： 規(guī)定背景的繪制區(qū)域。background-attachment： 規(guī)定背景像是否固定或者隨著頁面的其余部分滾動。background-image ：規(guī)定要使用的背景圖像。
2、設(shè)置背景圖片的大小，可以保持原有尺寸，或拉伸到新的尺寸。或者再保持原有比例進行縮放。屬性值：數(shù)值指定背景圖片大小。百分比指定背景圖片相對背景區(qū)的百分比。auto 以背景圖片的比例縮放背景圖片。cover縮放背景圖片覆蓋背景區(qū)。（不會被壓扁）contain 縮放背景圖片完全裝入背景區(qū)，可能背景區(qū)部分空白。
3、在內(nèi)聯(lián)的SVG中，我們可以使用fi11="currentcolor”來為SVG著色。但是，當我們將其作為背景圖時，它就變成了一個圖片。SVG的動態(tài)性消失了，currentcolor的效果也隨之消失（這和你無法覆蓋PNG的顏色一樣）。很多時候可能很難通過一種方案來解決所有問題。但是，其實我們可以使用兩種方案！還記得我們最開始提到了將圖像作為背景圖片的方案嗎？這個不正適用于彩色圖標 -- 畢竟使用彩色圖標時，我們也不需要修改它的顏色。
