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

.box {
padding: 20px;
}

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

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

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

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

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

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

最后，需要注意的是，CSS盒子模型的填充是會影響元素的總大小的，因此在網頁設計過程中需要合理設置填充大小，以避免影響到整個布局。