CSS中可以使用linear-gradient函數(shù)來實(shí)現(xiàn)盒子有兩種顏色的效果。linear-gradient函數(shù)可以創(chuàng)建一個(gè)線性漸變的背景，其中可以指定兩種或多種顏色，以及每種顏色的位置和寬度。

下面是一個(gè)示例，展示如何使用linear-gradient函數(shù)讓盒子有兩種顏色：

<div style="width: 200px; height: 200px; background: linear-gradient(to right, red, orange);">
  <div style="width: 100px; height: 100px; background: linear-gradient(to right, blue, green); position: absolute; top: 50px; left: 50px;"></div>
</div>

在這個(gè)示例中，外部盒子使用了一個(gè)從左到右的線性漸變背景，從紅色漸變?yōu)槌壬?，?nèi)部盒子則使用了一個(gè)從左到右的線性漸變背景，從藍(lán)色漸變?yōu)榫G色，由于內(nèi)部盒子的位置設(shè)置為***定位，它會覆蓋在外部盒子上，因此可以看到兩個(gè)漸變的疊加效果。

需要注意的是，linear-gradient函數(shù)中的顏色位置和寬度可以通過百分比或像素值來指定。linear-gradient(to right, red 50%, orange)會將紅色漸變?yōu)槌壬奈恢迷O(shè)置在盒子的50%處。

linear-gradient函數(shù)還支持多種顏色漸變的組合，可以通過逗號分隔不同的顏色和位置來實(shí)現(xiàn)。linear-gradient(to right, red, orange, yellow)會將紅色漸變?yōu)槌壬?，然后再將橙色漸變?yōu)辄S色。

通過使用linear-gradient函數(shù)，可以實(shí)現(xiàn)盒子有多種顏色的效果，使得網(wǎng)頁更加豐富多彩。