定義和(hé)用法
background-size 屬性規定背景圖像的尺寸。
實例
規定背景圖像的尺寸:
div
{
background:url(img_flwr.gif);
background-size:80px 60px;
background-repeat:no-repeat;
}
CSS 語法
background-size: length|percentage|cover|contain;
屬性值
值 | 描述 |
---|---|
length |
設置背景圖像的高度和(hé)寬度。 第一(yī)個值設置寬度,第二個值設置高度。 如(rú)果隻設置一(yī)個值,則第二個值會被設置為(wèi) "auto"。 |
percentage |
以父元素的百分比來設置背景圖像的寬度和(hé)高度。 第一(yī)個值設置寬度,第二個值設置高度。 如(rú)果隻設置一(yī)個值,則第二個值會被設置為(wèi) "auto"。 |
cover |
把背景圖像擴展至足夠大,以使背景圖像完全覆蓋背景區(qū)域。 背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。 |
contain | 把圖像圖像擴展至最大尺寸,以使其寬度和(hé)高度完全适應內(nèi)容區(qū)域。 |