如何設(shè)置CSS中的上下左右填充?
在CSS中,可以使用padding
屬性來設(shè)置元素的上下左右填充。padding
屬性接受四個值,分別代表上下左右的填充大小,這些值的順序是:上、右、下、左。
如果你想設(shè)置一個元素的上下填充為10px,左右填充為20px,你可以這樣寫:
element { padding: 10px 20px; }
在上面的代碼中,10px
表示上下填充的大小,20px
表示左右填充的大小。
如果你想要設(shè)置元素的上下填充為等寬,左右填充也為等寬,你可以使用padding-top
、padding-right
、padding-bottom
和padding-left
這四個屬性來分別設(shè)置上下左右的填充大小。
如果你想設(shè)置一個元素的上下填充為10px,左右填充也為10px,你可以這樣寫:
element { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
在上面的代碼中,每個屬性都設(shè)置了元素的對應(yīng)方向的填充大小,通過這種方法,你可以***地控制元素在各個方向的填充大小。