CSS的background-color屬性用于設置元素的背景顏色,基本語法如下:
selector {
background-color: color;
}
其中,selector為需要設置背景顏色的元素選擇器,color為顏色值。顏色值可以使用以下幾種形式:
顏色名稱:可以使用預定義的顏色名稱,如red、blue等。
十六進制值:以#開頭,后面跟著6位的十六進制數值。例如#ff0000表示紅色。
RGB值:以rgb()函數表示,括號內可以是0-255的整數。例如rgb(255, 0, 0)表示紅色。
RGBA值:與RGB值類似,只是在末尾多了一個表示透明度的值,取值范圍為0-1。例如rgba(255, 0, 0, 0.5)表示半透明的紅色。
以下是一些示例:
body {
background-color: red;
}
h1 {
background-color: #00ff00;
}
p {
background-color: rgb(0, 0, 255);
}
div {
background-color: rgba(255, 0, 0, 0.5);
}
上述代碼將分別設置body元素的背景為紅色,h1元素的背景為綠色,p元素的背景為藍色,div元素的背景為半透明的紅色。