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

1. 背景顏色的設(shè)置
2. 背景圖片的設(shè)置
3. 背景重復(fù)的設(shè)置
4. 背景位置的設(shè)置
5. 背景附件的設(shè)置

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

CSS（級(jí)聯(lián)樣式表）是一種用于描述HTML文檔樣式的語(yǔ)言，它可以控制文檔的外觀和布局，在CSS中，可以使用background屬性來(lái)設(shè)置元素的背景。

背景顏色的設(shè)置

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

body {
  background-color: red;
}

背景圖片的設(shè)置

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

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

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

默認(rèn)情況下，背景圖片或顏色會(huì)在整個(gè)元素中重復(fù)，可以使用background-repeat屬性來(lái)設(shè)置背景是否重復(fù)以及如何重復(fù)，要將背景圖片設(shè)置為不重復(fù)，可以編寫(xiě)以下代碼：

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

背景位置的設(shè)置

可以使用background-position屬性來(lái)設(shè)置背景圖片或顏色的位置，要將背景圖片設(shè)置為在元素的左上角，可以編寫(xiě)以下代碼：

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

背景附件的設(shè)置

可以使用background-attachment屬性來(lái)設(shè)置背景圖片或顏色是否固定或滾動(dòng)，要將背景圖片設(shè)置為固定不動(dòng)，可以編寫(xiě)以下代碼：

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