這篇文章給大家分享的是有關(guān)css中的background-size屬性怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、成都網(wǎng)站設計、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務納雍,十多年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

CSSbackground-size屬性

作用：規(guī)定背景圖片的尺寸。

說明：在CSS3之前，背景圖片的尺寸是由圖片的實際尺寸決定的。在CSS3中，可以規(guī)定背景圖片的尺寸，這就允許我們在不同的環(huán)境中重復使用背景圖片。

語法：

background-size:length|percentage|cover|contain;

值 描述

length

設置背景圖像的高度和寬度。

第一個值設置寬度，第二個值設置高度。

如果只設置一個值，則第二個值會被設置為"auto"。

percentage

以父元素的百分比來設置背景圖像的寬度和高度。

第一個值設置寬度，第二個值設置高度。

如果只設置一個值，則第二個值會被設置為"auto"。

cover

把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區(qū)域。

背景圖像的某些部分也許無法顯示在背景定位區(qū)域中。

contain 把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內(nèi)容區(qū)域。

CSSbackground-size屬性使用示例

上面是縮小的背景圖片。

原始圖片：

感謝各位的閱讀！關(guān)于“css中的background-size屬性怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！