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

1. 設(shè)置背景顏色
2. 設(shè)置背景圖像
3. 設(shè)置背景重復(fù)和位置

如何用CSS設(shè)置背景

CSS（級(jí)聯(lián)樣式表）是一種用于描述HTML文檔樣式的語(yǔ)言，其中包括背景的設(shè)置，在CSS中，可以使用多種屬性來(lái)設(shè)置背景，例如背景顏色、背景圖像等。

設(shè)置背景顏色

在CSS中，可以使用background-color屬性來(lái)設(shè)置背景顏色，要將背景顏色設(shè)置為紅色，可以編寫(xiě)以下代碼：

body {
  background-color: red;
}

這會(huì)將整個(gè)頁(yè)面的背景顏色設(shè)置為紅色，如果要設(shè)置特定元素的背景顏色，可以將該元素的類(lèi)名或ID作為選擇器。

設(shè)置背景圖像

除了設(shè)置背景顏色外，還可以使用background-image屬性來(lái)設(shè)置背景圖像，要將背景圖像設(shè)置為一張名為background.jpg的圖片，可以編寫(xiě)以下代碼：

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

這會(huì)將整個(gè)頁(yè)面的背景圖像設(shè)置為background.jpg，如果要設(shè)置特定元素的背景圖像，可以將該元素的類(lèi)名或ID作為選擇器。

設(shè)置背景重復(fù)和位置

在CSS中，還可以使用background-repeat和background-position屬性來(lái)設(shè)置背景圖像的重復(fù)方式和位置，要將背景圖像重復(fù)并居中顯示，可以編寫(xiě)以下代碼：

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

這會(huì)將整個(gè)頁(yè)面的背景圖像重復(fù)并居中顯示，如果要設(shè)置特定元素的背景圖像的重復(fù)方式和位置，可以將該元素的類(lèi)名或ID作為選擇器。

通過(guò)以上方法，可以使用CSS輕松地設(shè)置HTML頁(yè)面的背景顏色、圖像和位置。