本文目錄導讀：

1. 設置背景顏色
2. 設置背景圖片大小

如何在CSS中設置背景顏色及大小

設置背景顏色

在CSS中設置背景顏色非常簡單，您可以使用“background-color”屬性來設置元素的背景顏色。

body {
  background-color: #ffffff; /* 設置背景顏色為白色 */
}

這將把網頁的背景顏色設置為白色，您可以將“#ffffff”替換為您想要的顏色代碼。

設置背景圖片大小

在CSS中，您可以使用“background-size”屬性來設置背景圖片的大小，此屬性接受像素值、百分比或關鍵字（如“cover”或“contain”）作為值。

body {
  background-image: url('your-image.jpg'); /* 設置背景圖片 */
  background-size: cover; /* 背景圖片覆蓋整個元素區(qū)域 */
}

在這個例子中，“cover”關鍵字將使背景圖片擴展以覆蓋整個元素區(qū)域，同時保持其寬高比例，如果您希望背景圖片特定的大小，可以使用像素值或百分比來指定。

body {
  background-image: url('your-image.jpg'); 
  background-size: 500px 500px; /* 背景圖片大小設置為寬500像素，高500像素 */
}

在設置CSS背景顏色和大小的過程中，需要注意以下幾點：

1、確保使用的顏色代碼或圖片路徑正確無誤。

2、在設置背景圖片大小時，注意保持圖片的寬高比例，避免圖片變形。

3、根據需要選擇合適的單位（像素、百分比等）來設置背景圖片大小。

4、當使用百分比來設置背景圖片大小時，要注意元素本身的大小，以確保背景圖片能夠正確顯示。