在Web開發中，CSS背景圖片是一個非常常見的元素。在許多情況下，我們需要設置背景圖片的大小來達到我們想要的效果。在這篇文章中，我們將探討如何用CSS固定背景圖片的大小。 首先，我們需要了解CSS的background-size屬性。這個屬性可以用來設置背景圖片的大小，有幾個不同的選項可以選擇： - cover：背景圖片會被拉伸或縮小，直到它完全覆蓋背景區域，可能會導致圖片失真。 - contain：背景圖片會被縮放，直到它適合背景區域，可能會在圖片周圍留下空白。 - 長度值（如100px）：可以直接指定背景圖片的寬度和高度。 如果我們想要固定背景圖片的大小，我們可以使用長度值選項。例如，如果我們想要一個寬度為500像素，高度為300像素的背景圖片，我們可以像這樣寫CSS代碼：

body {
background-image: url("example.jpg");
background-size: 500px 300px;
}

我們還可以使用百分比來設置背景圖片的大小。例如，如果我們想要背景圖片的寬度是屏幕寬度的50％，高度是屏幕高度的30％，我們可以使用下面的代碼：

body {
background-image: url("example.jpg");
background-size: 50% 30%;
}

使用CSS固定背景圖片的大小非常簡單。使用背景圖片可以讓您的網站更加生動活潑，并提高用戶體驗。希望這篇文章能夠幫助您更好地掌握這項技能。