填充（padding）在 CSS 中是一個(gè)重要的設(shè)計(jì)元素。它指定了一個(gè)元素的內(nèi)部?jī)?nèi)容和邊框之間的空間，從而控制著元素之間的排列和外觀。

CSS 中的 padding 屬性可以控制元素的填充。默認(rèn)情況下，padding 是 0，也就是沒有填充。padding 屬性由四個(gè)部分組成：上填充、右填充、下填充和左填充。

.element {
padding: 10px 20px 30px 40px;
}
/* 上填充為 10 像素，右填充為 20 像素，下填充為 30 像素，左填充為 40 像素 */

你也可以使用單獨(dú)的 padding 屬性來設(shè)置元素的填充，這樣可以極大地提高代碼的可讀性，例如：

.element {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 40px;
}
/* 上填充為 10 像素，右填充為 20 像素，下填充為 30 像素，左填充為 40 像素 */

填充也可以使用一個(gè)值來指定，這意味著四個(gè)填充部分都會(huì)被設(shè)置為相同的值：

.element {
padding: 20px;
}
/* 上填充、右填充、下填充和左填充均為 20 像素 */

填充還可以使用百分比值作為輸入，以及負(fù)值填充（這將在元素的內(nèi)容和邊界之間創(chuàng)建一個(gè)空隙）。

在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，填充屬性是一個(gè)非常重要的工具，它可以幫助你實(shí)現(xiàn)布局和樣式的多種需求。即便是微小的填充變化也可能會(huì)影響元素在布局中的位置和外觀。你可以靈活地使用 padding 屬性來滿足自己的設(shè)計(jì)需求。