在前端的開發中，我們經常需要修改網頁的背景顏色。而這個任務就需要用到CSS中的背景屬性。在CSS中修改背景顏色，背景屬性有許多可選項。我們來一一學習。 首先是最簡單的background-color屬性。它只需指定一個顏色值即可改變元素的背景顏色。比如，想將body元素的背景色改為白色，可以這樣寫：

body {
background-color: #fff;
}

接下來，我們可以用background-image屬性來添加一張圖片作為背景。

.bg-img {
background-image: url('images/background.jpg');
}

其中，url()里的路徑指向圖片的位置。 如果要平鋪這張背景圖，可以使用background-repeat屬性。

.bg-img {
background-image: url('images/background.jpg');
background-repeat: repeat;
}

可以看到，這里的background-repeat取值為repeat。這意味著背景圖像將在水平方向和垂直方向上平鋪。如果只想平鋪一次，可以設置為repeat-x或者repeat-y。 如果想讓背景圖像不重復，可以將background-repeat設置為no-repeat。

.bg-img {
background-image: url('images/background.jpg');
background-repeat: no-repeat;
}

background-size屬性可以用于調整背景圖像的大小。

.bg-img {
background-image: url('images/background.jpg');
background-size: cover;
}

這里的cover意思是背景圖像將被拉伸以覆蓋整個元素，但要保持其縱橫比例。 最后，我們可以用background-position屬性來指定背景圖像的位置。

.bg-img {
background-image: url('images/background.jpg');
background-position: center;
}

這里的center意思是背景圖像將在元素的水平和垂直居中位置。 以上就是CSS中常用的幾個背景屬性。有了這些屬性，我們就可以隨心所欲地改變背景顏色，讓網頁更美觀了。