在網頁設計中，顏色填充可以讓網頁更加豐富多彩，吸引人眼球。使用CSS（層疊樣式表）也能很容易地實現顏色填充。下面，我們就來看一下如何用CSS添加顏色填充。 首先，在CSS中，顏色可以表示為16進制值、RGB值或者顏色名稱。我們以16進制值為例，比如說我們需要填充一個藍色方塊，我們可以這樣寫代碼：

.box {
background-color: #1E90FF;
}

其中，".box"是一個類選擇器，表示選中HTML中所有類名為"box"的元素。"background-color"是CSS中設置元素背景顏色的屬性，后面的"#1E90FF"是顏色的16進制值，這里對應的是深度藍色。 如果想使用RGB值來設置顏色，我們可以這樣寫：

.box {
background-color: rgb(30, 144, 255);
}

其中，"(30, 144, 255)"表示的是顏色的RGB值。同樣，我們可以使用顏色名稱來設置顏色：

.box {
background-color: blue;
}

除了普通元素，我們還可以對文字進行顏色填充。同樣，我們可以使用類選擇器來選中需要填充的文字：

.para {
color: red;
}

其中，".para"是一個類選擇器，表示選中HTML中所有類名為"para"的元素。"color"是CSS中設置文字顏色的屬性，后面的"red"就是顏色名稱，對應的是紅色。 總結起來，顏色填充的代碼有三種形式：使用16進制值、RGB值或者顏色名稱。對于普通元素，我們使用"background-color"屬性進行填充，對于文字，我們使用"color"屬性進行填充。代碼如下所示：

.box {
background-color: #1E90FF;
}
.box {
background-color: rgb(30, 144, 255);
}
.box {
background-color: blue;
}
.para {
color: red;
}

最后，需要注意的是，CSS中的顏色填充是可以疊加的，即可以同時設置多個填充顏色。如下所示：

.box {
background-color: #1E90FF;
color: white;
}

這樣，我們就可以在一個元素上同時應用背景顏色填充和文字顏色填充，讓網頁更加生動。