做自(zì)由與創造的先行者

CSS background-size 屬性

CSS中文(wén)手冊

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