在CSS中,內邊距是指元素的內容與邊框之間的間距,可以通過padding屬性來控制。
padding屬性有四個值,分別是上、右、下、左,也可以用一個值來表示四個方向的內邊距相等,如:
/* 四個值*/ padding: 10px 20px 30px 40px; /* 等同于 */ padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px; /* 一個值 */ padding: 10px; /* 等同于 */ padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
需要注意的是,padding會影響元素的高度,例如:
<div style="padding: 10px"> <p>這是一段文字</p> </div>
上述代碼中,div的高度不僅包括了p元素的高度,還包括了10px的padding。因此要想使元素的高度只包括內容的高度,可以使用box-sizing屬性來控制盒模型,如:
/* 邊框和內邊距不再影響元素的高度 */ box-sizing: border-box;
總結一下,在CSS中,內邊距指元素的內容與邊框之間的間距,可以使用padding屬性來控制。padding屬性有四個值,也可以用一個值來表示四個方向的內邊距相等。需要注意的是,padding會影響元素的高度,可以使用box-sizing屬性來控制盒模型。
下一篇網頁上屏蔽css和js