CSS內邊框后面四個數值是用來指定盒子元素內部四個邊的內邊距的。這四個數值可以分別指定上、右、下、左四條邊的內邊距值,也可以像以下代碼一樣簡寫。
padding: 10px; /* 四個方向內邊距都為10px */ padding: 10px 20px; /* 上/下方向內邊距為10px,左/右方向為20px */ padding: 10px 20px 30px; /* 上、下為10px,左、右為20px,下為30px */ padding: 10px 20px 30px 40px; /* 上、右、下、左分別為10px、20px、30px、40px */
我們可以通過修改這些數值來控制盒子元素內邊距的大小,從而達到美化或排版的目的。
需要注意的是,這里的數值單位可以使用像素、百分比、em 或 rem 等。如果我們只需要修改某個方向的內邊距,可以使用該方向對應的屬性名,如:
padding-top: 10px; /* 上方向內邊距為10px */ padding-right: 20%; /* 右方向內邊距為20% */ padding-bottom: 5em; /* 下方向內邊距為5em */ padding-left: 2rem; /* 左方向內邊距為2rem */
除此之外,CSS 內邊距還可以接收負值。這種情況下,內邊距會向內縮小,元素會變大,需謹慎使用。
上一篇網頁中怎么插入css
下一篇css寫哪些位置