CSS是前端開發中必不可少的技能之一，其中設置背景圖的大小也是常見的操作。在使用CSS設置背景圖大小時，我們需要使用background-size屬性來控制背景圖的尺寸。

/* 設置背景圖的大小，第一個參數為寬度，第二個參數為高度 */
background-size: 100px 200px;

其中，background-size屬性可以接受多個參數，常用的有以下幾種：

• 長度值：設置背景圖的寬度和高度，可以是像素、百分比等。
• 關鍵字：包括cover、contain兩個值，其中cover表示縮放背景圖以盡可能填滿元素背景區域，但可能會裁剪背景圖部分內容；而contain表示縮放背景圖以盡可能在元素背景區域內顯示完整的背景圖，但可能會出現區域未被填滿的情況。

/* 使用關鍵字cover和contain設置背景圖大小 */
background-size: cover;
background-size: contain;

除了直接使用background-size屬性，我們還可以結合其他屬性來實現更精細的背景圖控制。具體來說，可以使用background-position屬性來設置背景圖在元素中的位置，使用background-repeat屬性來控制背景圖是否平鋪，以及使用background-attachment屬性來指定背景圖是否固定在元素上方。

/* 結合其他屬性控制背景圖 */
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;

通過使用CSS中的上述屬性，我們可以靈活地控制背景圖的大小、位置、平鋪方式等，從而為網頁設計提供更多的可能性。