CSS的背景圖片是網頁設計中非常重要的元素之一。在實現網頁背景圖時，我們需要使用CSS中的background-image屬性來指定圖像資源。而在背景圖片寬高比例與容器盒子不一致時，我們通常需要調整它的大小，這就需要使用background-size屬性。
background-size屬性用于指定背景圖片的大小。它可以接收的參數有以下幾種：
background-size: auto; // 默認值，背景圖片以原本尺寸顯示 background-size: cover; // 背景圖片等比縮放，填充整個背景區域，有可能會出現部分圖片裁切掉 background-size: contain; // 背景圖片等比縮放，全部顯示在背景區域，可能會出現背景區域留白 background-size: 100% 100%; // 背景圖片拉伸填滿整個背景區域，可能會變形
例如，我們有一個寬度為300px、高度為200px的
標簽，需要設置一張寬度為400px、高度為300px的圖片作為背景。我們可以這樣實現：
div {
background-image: url('bg.jpg');
background-size: cover;
width: 300px;
height: 200px;
}上述代碼中，我們使用background-size: cover來保證背景圖等比縮放，填充整個背景區域。如果使用background-size: contain，則背景圖片將顯示在整個背景區域，可能會有留白。
總之，在調整CSS背景圖片大小時，我們需要根據實際需求選擇合適的參數，以保證背景圖在頁面中呈現出最佳效果。