在CSS中，我們可以使用百分比來填充顏色。這對(duì)于許多不同的網(wǎng)站設(shè)計(jì)和開發(fā)項(xiàng)目非常有用。

div {
background-color: #333;
height: 50px;
width: 100%;
}
div span {
background-color: #fff;
display: block;
height: 100%;
width: 25%;
}

在上面的代碼中，我們使用了一個(gè)DIV元素作為背景，并將其高度設(shè)置為50像素。接下來，我們?cè)贒IV元素中創(chuàng)建了一個(gè)SPAN元素，用于填充顏色。我們?cè)赟PAN元素中設(shè)置了背景顏色為白色，并且將它的高度設(shè)置為100%。

然后我們使用了一個(gè)25%的寬度來進(jìn)行填充顏色。這將使SPAN元素的寬度為DIV元素的25%。如果你想要一個(gè)更大的填充區(qū)域，你可以將寬度設(shè)置為50%或更高。

值得注意的是，使用百分比填充顏色的好處之一是它可以自適應(yīng)瀏覽器窗口大小。不管窗口大小如何，元素都會(huì)自適應(yīng)地改變大小，以便最大限度地利用可用的空間。

所以，使用百分比填充顏色是一種非常實(shí)用和靈活的方式，可以讓你在CSS中創(chuàng)建出令人印象深刻的設(shè)計(jì)和用戶體驗(yàn)。