CSS中的padding屬性用于設置HTML元素的內邊距,定義了元素邊框與元素內容之間的距離。默認情況下,padding的值為0,但我們可以通過CSS來修改這個值。
/* 通過設置padding-top屬性,可以修改元素上方內邊距 */ p{ padding-top: 20px; } /* 通過設置padding-right屬性,可以修改元素右側內邊距 */ p{ padding-right: 30px; } /* 通過設置padding-bottom屬性,可以修改元素下方內邊距 */ p{ padding-bottom: 10px; } /* 通過設置padding-left屬性,可以修改元素左側內邊距 */ p{ padding-left: 15px; } /* 通過設置padding屬性,可以同時修改四個方向的內邊距 */ p{ padding: 20px 30px 10px 15px; }
在以上的代碼中,我們使用了p標簽來表示段落,pre標簽用于展示CSS代碼。通過設置不同的padding屬性值,可以實現不同位置的內邊距修改。此外,我們也可以通過設置padding屬性的簡寫形式,來實現一次性修改四個方向的內邊距。