在設(shè)計(jì)網(wǎng)站樣式時(shí)，有時(shí)我們需要為文本的背景填充一個(gè)特定的顏色，來增強(qiáng)視覺效果。這時(shí)我們可以使用CSS中的text-fill-color屬性來實(shí)現(xiàn)。

.text-fill {
-webkit-text-fill-color: #fff; //設(shè)置文本填充色為白色
text-fill-color: #fff;
background-color: #f00; //設(shè)置文本背景色為紅色
display: inline-block; 
padding: 10px; //設(shè)置文本的內(nèi)邊距
}

上述代碼中，我們?cè)O(shè)置了文本的填充色為白色，并將文本的背景色設(shè)置為紅色。為了使設(shè)置生效，我們需要將文本放入一個(gè)塊元素中，設(shè)置其display屬性為inline-block，以使設(shè)置的內(nèi)邊距生效。

需要注意的是，text-fill-color屬性目前僅在Safari瀏覽器、iOS、和Chrome for Android瀏覽器中支持，其他瀏覽器則需要使用-webkit-text-fill-color屬性來實(shí)現(xiàn)。

最后，我們可以在頁面上應(yīng)用上述CSS樣式，并將文本放入設(shè)置好的塊元素中，來達(dá)到填充色的效果。

<div class="text-fill">
<p>這是一段要填充顏色的文本</p>
</div>