CSS盒子里的背景色設(shè)置

在CSS中，我們可以使用background-color屬性來設(shè)置盒子的背景色，這個屬性接受一個顏色值作為參數(shù)，可以是關(guān)鍵字（如red、blue等）、十六進(jìn)制顏色代碼（如#FF0000表示紅色）、RGB或RGBA顏色值（如rgb(255, 0, 0)表示紅色）等。

下面是一些示例：

1、使用關(guān)鍵字設(shè)置背景色：

div {
  background-color: red;
}

2、使用十六進(jìn)制顏色代碼設(shè)置背景色：

div {
  background-color: #FF0000;
}

3、使用RGB顏色值設(shè)置背景色：

div {
  background-color: rgb(255, 0, 0);
}

4、使用RGBA顏色值設(shè)置背景色，并設(shè)置透明度：

div {
  background-color: rgba(255, 0, 0, 0.5);
}

注意，rgba中的***后一個參數(shù)表示透明度，范圍是0到1，其中0表示完全透明，1表示完全不透明。

CSS還支持使用圖片作為背景，可以使用background-image屬性來設(shè)置。

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

這樣，div的背景就會顯示為圖片，還可以設(shè)置背景圖片的重復(fù)方式（repeat、repeat-x、repeat-y或no-repeat）、背景圖片的位置（top、right、bottom、left或百分比）等屬性。