CSS背景顏色各一半怎么寫

在CSS中，我們可以使用background-image屬性來實現(xiàn)背景顏色的分割，我們可以將背景顏色設(shè)置為兩個顏色各一半：

body {
  background-image: linear-gradient(to right, red 50%, blue 50%);
}

上述代碼會將背景顏色設(shè)置為紅色和藍色各一半。linear-gradient函數(shù)用于創(chuàng)建線性漸變，to right表示漸變方向為從左到右，red 50%表示紅色部分占據(jù)50%的寬度，blue 50%表示藍色部分占據(jù)50%的寬度。

如果想要實現(xiàn)更復(fù)雜的背景顏色分割，可以使用多個漸變的組合，以下代碼可以實現(xiàn)一個三角形分割的背景顏色：

body {
  background-image: linear-gradient(to right, red 50%, orange 50%), linear-gradient(to top, yellow 50%, green 50%);
}

上述代碼會創(chuàng)建一個背景顏色為紅色和橙色的三角形，以及一個背景顏色為黃色和綠色的三角形，通過將兩個漸變組合在一起，我們可以實現(xiàn)更復(fù)雜的背景顏色分割效果。