CSS內(nèi)邊距標(biāo)簽的設(shè)置
在CSS中,內(nèi)邊距標(biāo)簽用于控制元素內(nèi)部的空間,要設(shè)置內(nèi)邊距,可以使用padding
屬性,該屬性接受四個值,分別代表上、右、下、左四個方向的內(nèi)邊距。
如果要設(shè)置一個元素的上內(nèi)邊距為10px,右內(nèi)邊距為20px,下內(nèi)邊距為30px,左內(nèi)邊距為40px,可以這樣寫:
element { padding: 10px 20px 30px 40px; }
element
是要應(yīng)用內(nèi)邊距的元素的名稱。
如果四個方向的內(nèi)邊距相同,可以簡化為一個值:
element { padding: 10px; }
這樣,元素的上、右、下、左四個方向的內(nèi)邊距都會是10px。
CSS還提供了padding-top
、padding-right
、padding-bottom
和padding-left
四個屬性,分別用于設(shè)置元素各個方向的內(nèi)邊距,這些屬性可以覆蓋padding
屬性設(shè)置的值。
如果要設(shè)置元素的上內(nèi)邊距為20px,其他方向的內(nèi)邊距不變,可以這樣做:
element { padding: 10px; /* 其他方向的內(nèi)邊距為10px */ padding-top: 20px; /* 上內(nèi)邊距為20px */ }
這樣,元素的上內(nèi)邊距就會是20px,其他方向的內(nèi)邊距仍然是10px。