本文目錄導(dǎo)讀：

1. 設(shè)置背景顏色
2. 設(shè)置背景圖片
3. 背景圖片的位置
4. 背景圖片的縮放

網(wǎng)頁(yè)背景是網(wǎng)頁(yè)設(shè)計(jì)中不可或缺的一部分，它可以讓網(wǎng)頁(yè)更加美觀、吸引人，在CSS中，可以通過(guò)設(shè)置背景顏色、背景圖片等方式來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)背景的個(gè)性化定制。

設(shè)置背景顏色

在CSS中，可以通過(guò)background-color屬性來(lái)設(shè)置網(wǎng)頁(yè)的背景顏色，將背景顏色設(shè)置為藍(lán)色：

body {
  background-color: blue;
}

設(shè)置背景圖片

除了設(shè)置背景顏色外，CSS還支持設(shè)置背景圖片，可以通過(guò)background-image屬性來(lái)指定背景圖片的路徑，將背景圖片設(shè)置為background.jpg：

body {
  background-image: url('background.jpg');
}

如果想要讓背景圖片重復(fù)顯示，可以使用repeat關(guān)鍵字，讓背景圖片在水平和垂直方向上都重復(fù)顯示：

body {
  background-image: url('background.jpg');
  background-repeat: repeat;
}

背景圖片的位置

除了設(shè)置背景圖片外，還可以調(diào)整背景圖片的位置，CSS提供了background-position屬性來(lái)實(shí)現(xiàn)這一點(diǎn)，將背景圖片居中顯示：

body {
  background-image: url('background.jpg');
  background-position: center;
}

背景圖片的縮放

我們可能需要將背景圖片縮放以適應(yīng)不同的屏幕尺寸，CSS提供了background-size屬性來(lái)實(shí)現(xiàn)這一點(diǎn)，將背景圖片縮放為原來(lái)的50%：

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

通過(guò)以上CSS屬性的設(shè)置，可以實(shí)現(xiàn)網(wǎng)頁(yè)背景的個(gè)性化定制。