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