CSS設(shè)置兩種背景色

在CSS中，我們可以使用background-image屬性來設(shè)置兩種背景色，這個(gè)屬性接受一個(gè)圖像列表，我們可以利用這個(gè)特性，通過逗號(hào)分隔不同的背景色來實(shí)現(xiàn)，以下是一個(gè)示例：

body {
  background-image: linear-gradient(to right, #ff0000, #00ff00);
}

在這個(gè)示例中，linear-gradient函數(shù)用于創(chuàng)建一個(gè)線性漸變背景。to right指定了漸變的方向，#ff0000和#00ff00分別指定了漸變的起始和結(jié)束顏色，這樣，背景色就會(huì)從紅色漸變?yōu)榫G色。

如果你想要設(shè)置更多的背景色，只需要在逗號(hào)分隔的列表中添加更多的顏色即可。

body {
  background-image: linear-gradient(to right, #ff0000, #00ff00, #0000ff);
}

在這個(gè)示例中，背景色就會(huì)從紅色漸變?yōu)榫G色，再漸變?yōu)樗{(lán)色。

需要注意的是，這種方法只適用于支持CSS3背景屬性的瀏覽器，如果你需要兼容更老的瀏覽器，可能需要使用其他方法來實(shí)現(xiàn)兩種背景色的效果。