CSS盒子模型是網(wǎng)頁(yè)設(shè)計(jì)中的重要概念，它包括了元素的內(nèi)容、填充、邊框和邊距四部分。而填充（padding）則是指元素內(nèi)容和邊框之間的空間。下面我們來(lái)了解一下如何使用CSS控制盒子上的填充。

.box {
padding: 20px;
}

上面的代碼展示了如何在CSS中設(shè)置盒子的填充。我們可以通過(guò)設(shè)置一個(gè)數(shù)值來(lái)控制填充的大小。在這個(gè)例子中，盒子的填充大小為20像素。還可以使用單獨(dú)的屬性為上、右、下、左四個(gè)方向分別設(shè)置填充大小：

.box {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
}

上述代碼將為盒子的上邊框、右邊框、下邊框和左邊框分別設(shè)置10像素、20像素、30像素和40像素的填充大小。

如果需要為不同方向設(shè)置不同的填充大小，我們可以使用類(lèi)似如下這樣的代碼：

.box {
padding: 10px 20px 30px 40px;
}

這個(gè)代碼中，上、右、下、左填充的大小分別為10像素、20像素、30像素和40像素。

最后，需要注意的是，CSS盒子模型的填充是會(huì)影響元素的總大小的，因此在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中需要合理設(shè)置填充大小，以避免影響到整個(gè)布局。