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

1. 背景顏色
2. 背景圖片
3. 背景位置
4. 背景附件

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

背景顏色

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

body {
  background-color: red;
}

背景圖片

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

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

需要注意的是，如果背景圖片與網(wǎng)頁(yè)內(nèi)容存在沖突，可以通過(guò)background-repeat屬性來(lái)控制圖片的重復(fù)方式，如repeat-x、repeat-y等。

背景位置

CSS還支持調(diào)整背景圖片的位置，通過(guò)background-position屬性可以指定圖片在網(wǎng)頁(yè)中的位置，將背景圖片放置在網(wǎng)頁(yè)的右下角，可以這樣寫：

body {
  background-position: right bottom;
}

背景附件

CSS還支持設(shè)置背景圖片的附件方式，通過(guò)background-attachment屬性可以指定圖片是否固定或者隨著頁(yè)面的滾動(dòng)而滾動(dòng)，將背景圖片固定不動(dòng)，可以這樣寫：

body {
  background-attachment: fixed;
}

CSS提供了豐富的屬性來(lái)設(shè)置網(wǎng)頁(yè)背景，包括背景顏色、背景圖片、背景位置和背景附件等，通過(guò)巧妙地運(yùn)用這些屬性，可以設(shè)計(jì)出美觀、吸引人的網(wǎng)頁(yè)背景。