在CSS中設(shè)置背景顏色是非常常見(jiàn)的操作，在不同場(chǎng)景下，往往需要不同的背景顏色來(lái)達(dá)到不同的效果。下面是CSS背景顏色的大全，供大家參考。

/* CSS顏色值大全 */
/* 常用顏色值 */
color: red; /* 紅色 */
color: green; /* 綠色 */
color: blue; /* 藍(lán)色 */
color: black; /* 黑色 */
color: white; /* 白色 */
color: gray; /* 灰色 */
/* 布爾顏色值 */
color: transparent; /* 透明 */
color: currentColor; /* 以當(dāng)前文本顏色為背景色 */
/* 十六進(jìn)制顏色值 */
color: #FF0000; /* 紅色 */
color: #00FF00; /* 綠色 */
color: #0000FF; /* 藍(lán)色 */
/* RGB顏色值 */
color: rgb(255,0,0); /* 紅色 */
color: rgb(0,255,0); /* 綠色 */
color: rgb(0,0,255); /* 藍(lán)色 */
/* RGBA顏色值 */
color: rgba(255,0,0,0.5); /* 半透明紅色 */
color: rgba(0,255,0,0.5); /* 半透明綠色 */
color: rgba(0,0,255,0.5); /* 半透明藍(lán)色 */
/* HSL顏色值 */
color: hsl(0,100%,50%); /* 紅色 */
color: hsl(120,100%,50%); /* 綠色 */
color: hsl(240,100%,50%); /* 藍(lán)色 */
/* HSLA顏色值 */
color: hsla(0,100%,50%,0.5); /* 半透明紅色 */
color: hsla(120,100%,50%,0.5); /* 半透明綠色 */
color: hsla(240,100%,50%,0.5); /* 半透明藍(lán)色 */
/* CSS3線性漸變 */
background-image: linear-gradient(to right, red, yellow, green);
/* CSS3徑向漸變 */
background-image: radial-gradient(red, yellow, green);

以上就是CSS背景顏色的大全，希望對(duì)大家有所幫助。