CSS背景2等分

代碼如下：
.container{
background-image: linear-gradient(to right, #ccc 50%, #fff 50%);
}

在網(wǎng)頁設計中，使用CSS可以輕松達到2等分背景的效果，通過設置background-image屬性，可以讓一個容器的背景顏色分成兩部分，實現(xiàn)簡單又美觀的效果。

上述代碼使用了linear-gradient函數(shù)，用于繪制漸變色背景。其中to right表示從左到右漸變，#ccc是左側背景顏色，#fff是右側背景顏色，而50%則是兩個顏色之間的分割點。

要實現(xiàn)不同的分割方式，只需要調(diào)整50%的值即可。例如，將50%改為80%，則是將容器的左側占80%，右側占20%。

這種2等分背景是非常常見的設計需求，通過CSS實現(xiàn)可以讓網(wǎng)頁的設計更加細膩、美觀，也更符合用戶觀感。在實際項目中，我們可以按需求進行調(diào)整，并進行靈活運用。