CSS邊框填充是指在CSS盒子模型中,對盒子的邊框進行擴展,創建一些空間來分隔盒子的內容和邊框。填充使用padding
屬性來設置。
下面是一段代碼示例,展示如何使用padding
屬性設置邊框填充為20px。
.box { border: 1px solid black; /* 設置邊框樣式 */ padding: 20px; /* 設置填充為20px */ }
在這個例子中,我們創建了一個帶有1像素黑色實線邊框的盒子,并使用padding
屬性在盒子內容和邊框之間添加了20像素的空間。這使得視覺上更易于區分盒子的內容和邊框。
我們還可以使用padding-top
,padding-bottom
,padding-left
, andpadding-right
屬性分別設置盒子的上下左右填充大小。
總的來說,通過使用padding
屬性和不同的值,我們可以輕松地創建出具有不同邊框填充大小的盒子,使網頁布局更加美觀、整潔。
上一篇小程序中圖片css