在CSS中,我們可以使用padding
屬性來設置字的上下邊距。padding
屬性可以接收四個值,分別代表上、右、下、左四個方向的填充,如果我們只設置上下邊距,可以只寫兩個值,***個值代表上填充,第二個值代表下填充。
如果我們想要將一段文字的上邊距設置為10像素,下邊距設置為20像素,可以這樣寫CSS代碼:
p { padding-top: 10px; padding-bottom: 20px; }
這段代碼中,p
代表段落標簽,也可以換成其他HTML元素。padding-top: 10px;
表示上填充為10像素,padding-bottom: 20px;
表示下填充為20像素。
如果想要將上下邊距設置為等寬,可以使用padding-top
和padding-bottom
的快捷方式:
p { padding: 10px 0; }
這段代碼會將段落的上邊距和下邊距都設置為10像素。
padding
屬性會改變元素的大小,如果元素原本沒有邊框或者背景色,可能不容易看出來,如果需要確保元素大小不變,可以使用box-sizing: border-box;
屬性,這樣元素的大小就會包含其邊框和填充。