CSS盒子的背景設置

在CSS中，可以使用background屬性來設置盒子的背景。background屬性是一個復合屬性，可以設置為顏色、圖片、漸變等。

1、設置背景顏色

可以使用background-color屬性來設置盒子的背景顏色，將盒子的背景顏色設置為紅色：

div {
  background-color: red;
}

2、設置背景圖片

可以使用background-image屬性來設置盒子的背景圖片，將盒子的背景圖片設置為一張圖片：

div {
  background-image: url('image.png');
}

3、設置背景漸變

可以使用background-gradient屬性來設置盒子的背景漸變，將盒子的背景從紅色漸變到藍色：

div {
  background-gradient: linear-gradient(to right, red, blue);
}

4、設置背景位置

可以使用background-position屬性來設置背景圖片的位置，將背景圖片在盒子中居中顯示：

div {
  background-position: center;
}

5、設置背景大小

可以使用background-size屬性來設置背景圖片的大小，將背景圖片的大小設置為覆蓋整個盒子：

div {
  background-size: cover;
}

6、設置背景重復

可以使用background-repeat屬性來設置背景圖片的重復方式，將背景圖片在盒子中橫向重復顯示：

div {
  background-repeat: repeat-x;
}