在CSS中,可以使用margin
屬性來(lái)調(diào)整上下間距。margin
屬性用于設(shè)置元素的外邊距,包括上下、左右四個(gè)方向,要調(diào)整上下間距,可以單獨(dú)設(shè)置margin-top
和margin-bottom
兩個(gè)屬性。
如果要設(shè)置一個(gè)元素的上下間距為20像素,可以這樣做:
element { margin-top: 20px; margin-bottom: 20px; }
這會(huì)將元素的上下間距設(shè)置為20像素,注意,這只會(huì)影響元素與其周圍元素之間的間距,而不會(huì)改變?cè)貎?nèi)部的內(nèi)容。
如果要調(diào)整整個(gè)頁(yè)面的上下間距,可以通過(guò)設(shè)置body
元素的margin
屬性來(lái)實(shí)現(xiàn)。
body { margin-top: 20px; margin-bottom: 20px; }
這會(huì)將整個(gè)頁(yè)面的上下間距設(shè)置為20像素。
除了使用margin
屬性外,還可以通過(guò)設(shè)置元素的padding
屬性來(lái)調(diào)整上下間距。padding
屬性用于設(shè)置元素的內(nèi)邊距,同樣包括上下、左右四個(gè)方向,要調(diào)整上下間距,可以單獨(dú)設(shè)置padding-top
和padding-bottom
兩個(gè)屬性。
如果要設(shè)置一個(gè)元素的上下內(nèi)邊距為10像素,可以這樣做:
element { padding-top: 10px; padding-bottom: 10px; }
這會(huì)將元素的上下內(nèi)邊距設(shè)置為10像素,注意,這只會(huì)影響元素內(nèi)部的內(nèi)容與其邊界之間的間距。