如何設(shè)置CSS段距
CSS段距是指文本段落之間的空白區(qū)域,通過CSS可以輕松地控制段距,在CSS中,可以使用margin
屬性來設(shè)置段距。margin
屬性接受一個值或多個值,這些值可以是長度、百分比或自動計(jì)算的值。
要設(shè)置一個段落的上下段距為20像素,可以這樣做:
p { margin-top: 20px; margin-bottom: 20px; }
如果要設(shè)置左右段距為自動計(jì)算的值,可以這樣做:
p { margin-left: auto; margin-right: auto; }
如果要設(shè)置所有段落的段距為1.5倍行高,可以這樣做:
p { margin: 1.5em; }
注意,margin
屬性的值可以是任何有效的CSS長度單位,如像素、百分比等,還可以設(shè)置負(fù)值來縮小段距。
除了margin
屬性外,還可以使用padding
屬性來設(shè)置段落內(nèi)部的空白區(qū)域。padding
屬性的用法與margin
類似,但它設(shè)置的是段落內(nèi)部的空白區(qū)域,而不是段落之間的空白區(qū)域。
希望這些示例能幫助你輕松地設(shè)置CSS段距。