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