做(zuò)自(zì)由與創造的先行(xíng)者

CSS background-size 屬性

CSS中文手冊

定義和(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ū)域。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發
下(xià)一(yī)篇:CSS border 屬性
上(shàng)一(yī)篇:CSS background-repeat 屬性