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

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

本教學操作環境：windows10系統、css3版，此方法適用於所有品牌電腦。

（推薦教學：css影片教學）

css中設定背景圖片的大小的方法：

屬性介紹：

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教學

以上是css中如何設定背景圖片的大小的詳細內容。更多資訊請關注PHP中文網其他相關文章！