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