css中如何設定背景圖片的大小

css中設定背景圖片的大小的方法：可以利用background-size屬性來進行設定，如【background-size:80px 60px;】。background-size屬性可以指定背景圖片的寬度和高度。

環境：

本文適用於所有品牌的電腦。

（推薦教學：）

屬性介紹：

background-size屬性指定背景圖片大小。

語法：

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

屬性值：

• length 設定背景圖片高度和寬度。第一個值設定寬度，第二個值設定的高度。如果只給出一個值，第二個是設定為 auto(自動)

• percentage 將計算相對於背景定位區域的百分比。第一個值設定寬度，第二個值設定的高度。如果只給出一個值，第二個是設定為"auto(自動)"

• cover 此時會保持影象的縱橫比並將影象縮放成將完全覆蓋背景定位區域的最小大小。

• contain 此時會保持影象的縱橫比並將影象縮放成將適合背景定位區域的最大大小。

舉例：

控制背景圖片的大小

div
{
    background:url(img_flwr.gif);    
    background-size:80px 60px;    
    background-repeat:no-repeat;
}

相關推薦：

以上就是css中如何設定背景圖片的大小的詳細內容，更多請關注TW511.COM其它相關文章！