CSS樣式中的填充是一種非常常見的樣式屬性。填充可用于控制元素周圍的空間，從而更好地處理網頁布局和排版。

padding屬性是用于定義元素周圍的填充空間的屬性。 padding屬性接受四個值：top、right、bottom和left。你可以使用單個值應用于所有填充，或者分別定義每個填充，如下所示：

div {
padding: 10px; /* top, right, bottom, left值都是10 */
padding: 10px 20px; /* top, bottom值都是10, right, left值都是20 */
padding: 10px 20px 30px; /* top值是10, right, left值都是20, bottom值是30 */
padding: 10px 20px 30px 40px; /* top值是10, right值是20, bottom值是30, left值是40 */
}

除了指定使用固定大小的填充外，你還可以使用百分比來設置填充。例如，如果你想在元素周圍創建與元素本身相同高度的填充區域，則可以將填充高度設為100%：

div {
height: 200px;
padding: 100% 10px; /* top-bottom填充區域是200px（div元素的高度），左右填充區域是10px */
}

填充時間還可以使用負值。例如，如果你想讓文本從元素的上側和下側溢出填充區域，則可以使用以下代碼：

div {
height: 200px;
padding: -20px 10px; /* 上下填充區域-20px，左右填充區域是10px */
}

填充屬性在設計網頁布局時起著至關重要的作用，因此很重要使用它在元素周圍創建所需的空間。