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

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

CSS設(shè)置背景代碼詳解

CSS（層疊樣式表）是一種用于描述HTML文檔樣式的語(yǔ)言，其中背景設(shè)置是CSS中的一個(gè)重要方面，在CSS中，可以使用多種方法來(lái)設(shè)置背景，包括使用背景顏色、背景圖像等。

設(shè)置背景顏色

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

body {
  background-color: red;
}

設(shè)置背景圖像

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

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

設(shè)置背景圖像大小

如果背景圖像的大小與容器不匹配，可以使用background-size屬性來(lái)設(shè)置背景圖像的大小，要將背景圖像的大小設(shè)置為100%的寬度和高度，可以編寫如下代碼：

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

設(shè)置背景圖像位置

如果背景圖像的位置與容器不匹配，可以使用background-position屬性來(lái)設(shè)置背景圖像的位置，要將背景圖像的位置設(shè)置為水平方向上的中間和垂直方向上的底部，可以編寫如下代碼：

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

設(shè)置背景圖像重復(fù)

如果需要在容器中重復(fù)顯示背景圖像，可以使用background-repeat屬性來(lái)設(shè)置背景圖像的重復(fù)方式，要將背景圖像在水平和垂直方向上重復(fù)顯示，可以編寫如下代碼：

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

通過(guò)以上方法，可以使用CSS來(lái)輕松地設(shè)置HTML文檔的背