html5如何設置背景圖片大小_HTML設置背景圖片我們現(xiàn)在經(jīng)常會用到CSS，在編寫過程中，會遇到CSS背景圖像大小設置的問題，下面我們來看一下使用css設置背景圖片大小的方法。css可以使用-size屬性設置背景圖片大小，-size屬性規(guī)定背景圖像的尺寸。語法：-size:||cover|;屬性值：值描述設置背景圖像的高度和寬度...
大家好，我是架構(gòu)君，一個會寫代碼吟詩的架構(gòu)師。今天說一說html5如何設置背景圖片大小_HTML設置背景圖片,希望能夠幫助大家進步!!!
我們現(xiàn)在經(jīng)常會用到CSS，在編寫過程中，會遇到CSS背景圖像大小設置的問題，下面我們來看一下使用css設置背景圖片大小的方法。
css可以使用-size屬性設置背景圖片大小，-size屬性規(guī)定背景圖像的尺寸。
語法：-size: ||cover|;
屬性值：值描述
設置背景圖像的高度和寬度。
第一個值設置寬度，第二個值設置高度。
如果只設置一個值，則第二個值會被設置為 "auto"。
以父元素的百分比來設置背景圖像的寬度和高度。
第一個值設置寬度html設置圖片背景透明，第二個值設置高度。
如果只設置一個值，則第二個值會被設置為 "auto"。
cover把背景圖像擴展至足夠大html設置圖片背景透明，以使背景圖像完全覆蓋背景區(qū)域。
背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。
把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內(nèi)容區(qū)域。
示例
body
{
:url(/i/.gif);
-size:63px 100px;
-moz--size:63px 100px; /* 老版本的 */
-:no-;
-top:80px;
}
上面是縮小的背景圖片。
原始圖片：
效果圖：