CSS的padding,即內邊距,是指元素內容和邊框之間的距離,元素的內部有一塊空白區域。padding屬性用于設置元素的內邊距。
/* 設置所有四個方向的內邊距為10px */ padding: 10px; /* 設置上下內邊距為10px,左右內邊距為20px */ padding: 10px 20px; /* 設置上內邊距為10px,右內邊距為20px,下內邊距為30px,左內邊距為40px */ padding: 10px 20px 30px 40px;
padding屬性可以分別設置上下左右四個方向的內邊距,也可以只設置其中幾個方向的內邊距。還可以使用簡寫方式設置所有四個方向的內邊距,或設置上下或左右兩個方向的內邊距。
在CSS中,padding屬性可以和width、height屬性一同使用,用來設置元素的寬度和高度。
/* 設置寬度為200px,上下內邊距為20px,左右內邊距為40px */ width: 200px; padding: 20px 40px;
注意:內邊距會影響元素的尺寸,例如一個寬度為200px的元素,如果設置了40px的左右內邊距,那么實際上它的寬度就是200px+40px+40px=280px。因此在設置元素的寬度和高度時應該考慮內邊距的影響。