CSS是現代網頁設計的重要基礎，非常重要的一部分就是調整背景圖片大小。背景圖片可以用來美化頁面、傳達品牌信息、區分不同的內容部分等等，因此掌握如何調整背景圖片大小是很重要的。 當我們想要調整背景圖片大小時，首先要明確的是背景圖片是指的元素的背景，而不是在HTML文檔中通過標簽插入的圖片。背景圖片大小可以通過CSS中的background-size屬性進行調整。 下面是一個示例的CSS代碼：

.bg-img {
background-image: url("images/bg.jpg"); /* 設置背景圖片 */
background-size: cover; /* 告訴瀏覽器將背景圖片放在整個元素上，可能會截去一部分背景 */
}

在上面的代碼中，.bg-img是一個CSS選擇器，用于選取具有該類名的HTML元素。background-image屬性用于設置背景圖片的URL，可以是相對路徑或絕對路徑。而background-size屬性則用于設置背景圖片的大小，有以下幾個可選值： - auto：保持圖片的原始大小。 - length：使用具體的長度值來設置背景圖片大小，例如background-size: 100px 200px;會將背景圖片設置為100像素寬，200像素高。 - percentage：使用百分比來設置背景圖片大小，例如background-size: 50% 75%；會將背景圖片寬度設置為容器寬度的50%，高度設置為容器高度的75%。 - cover：讓背景圖片盡可能地填滿整個元素的背景，可能會截去一部分背景。 - contain：讓背景圖片至少填滿整個元素，但不會超出元素的顯示區域。 需要注意的是，如果背景圖片的大小與元素的大小不匹配，可能會出現拉伸、扭曲或重復的情況，因此在調整背景圖片大小時需要注意，選擇合適的背景圖片及大小。 總之，調整背景圖片大小是CSS中常用的技巧之一，通過合適的設置，可以讓網頁的整體效果更加美觀。