CSS中常用的背景色類型包括顏色名、RGB值、HEX值、RGBA值以及HSL值。下面就逐一介紹這些不同類型的背景色。

/* 顏色名 */
.background-color {
background-color: red;
}
/* RGB值 */
.background-color {
background-color: rgb(255, 0, 0);
}
/* HEX值 */
.background-color {
background-color: #ff0000;
}
/* RGBA值 */
.background-color {
background-color: rgba(255, 0, 0, 0.5); /* 注意最后一個值為透明度 */
}
/* HSL值 */
.background-color {
background-color: hsl(0, 100%, 50%); /* 注意HSL值格式為hsl(色相, 飽和度, 亮度) */
}

除了以上常用的背景色類型，還可以使用CSS漸變的方式設置背景色。CSS漸變可以分為線性漸變和徑向漸變，其中線性漸變可以設置漸變的方向和起止顏色/坐標，徑向漸變可以設置漸變的中心點和半徑，以及起止顏色等。

/* 線性漸變 */
.linear-gradient {
background: linear-gradient(to right, red, blue);
}
/* 徑向漸變 */
.radial-gradient {
background: radial-gradient(circle at center, red, blue);
}

以上就是CSS常用的背景色類型和漸變方式，可以根據實際需求選擇相應的類型進行設置。