在網頁設計中，背景圖是非常重要的一個因素，它可以給頁面增添很多視覺效果，并且可以為網頁內容提供一定的襯托。不同的網頁設計風格，需要不同類型大小的背景圖，接下來我們就來學習一下如何通過CSS調整背景圖的大小。

body {
background-image: url("bg.jpg");
background-size: 100% auto;
}

在CSS代碼中，background-size屬性就是用來調整背景圖大小的。我們可以將background-size屬性的值設置為"100% auto"，這樣就可以讓背景圖片寬度隨著網頁寬度變化而自適應，而高度則按照圖片的比例自適應。

body {
background-image: url("bg.jpg");
background-size: cover;
}

除了使用"100% auto"來隨著窗口大小調整背景圖大小，還可以使用"cover"來調整背景圖大小。這種方法可以讓背景圖完全覆蓋窗口，但是需要注意的是，這種方法可能會導致背景圖變形或裁剪掉一部分。

body {
background-image: url("bg.jpg");
background-size: contain;
}

還有一種方法是將background-size屬性的值設置為"contain"，這種方法可以讓背景圖完整顯示，但是可能會留下一些空白，不過一般來說空白區域不會太大。

通過以上三種方法，我們可以輕松地調整背景圖的大小，并且可以根據需要選擇不同的方法來適應不同的網頁設計要求。