在網頁設計中，背景圖經常被用來美化頁面。但是有時候，我們需要改變背景圖的大小來適應不同的屏幕分辨率。下面就讓我們來學習一下如何使用CSS來改變背景圖大小。

/* 使用CSS改變背景圖大小 */
/* 設置一個背景圖 */
body {
background-image: url("background.jpg");
}
/* 設置背景圖的大小 */
body {
background-size: cover;
}

使用CSS改變背景圖大小的方法很簡單。我們只需要給body元素設置一個背景圖，并使用background-size屬性來改變圖片的大小。在上面的代碼中，我們將背景圖的大小設置為“cover”，這樣就可以讓圖片自適應屏幕大小，同時保持圖片的原始比例。

除了“cover”之外，還有其他的值可以用來設置背景圖的大小：

• contain：讓圖片自適應屏幕大小，并且保持圖片的比例不變。
• 100% auto：將背景圖的寬度設置為100%，高度自適應。
• auto 100%：將背景圖的高度設置為100%，寬度自適應。
• 具體數值：可以使用具體的數值來指定背景圖的大小，例如“500px 300px”。

在使用CSS改變背景圖大小時，我們還可以使用其他的屬性來控制背景圖的方式。例如，使用background-position屬性可以改變背景圖的位置；使用background-repeat屬性可以控制背景圖是否重復顯示。

/* 設置背景圖位置 */
body {
background-position: top center;
}
/* 設置背景圖不重復 */
body {
background-repeat: no-repeat;
}

使用CSS改變背景圖大小非常簡單，但需要注意的是，這種方法只是在網頁中顯示圖片時改變其大小，并不會真正改變圖片的大小。如果需要修改圖片本身的大小，需要使用圖片編輯軟件進行修改。希望以上內容能幫助您掌握如何使用CSS改變背景圖大小。