如何用CSS設(shè)置段落縮進(jìn)
在CSS中,我們可以使用text-indent
屬性來設(shè)置段落的縮進(jìn),這個屬性可以定義段落的***行相對于其他行向內(nèi)縮進(jìn)的數(shù)量,下面是一個簡單的例子:
p { text-indent: 2em; }
在這個例子中,p
元素(即段落)的***行將被縮進(jìn)2em。em
是一個相對單位,它等于當(dāng)前字體大小,如果段落字體大小為16px,那么縮進(jìn)大小將為32px。
如果你想對特定段落進(jìn)行縮進(jìn),你可以給那個段落一個特定的類名,然后針對那個類名設(shè)置text-indent
屬性。
<p class="indented-paragraph">這是一個需要縮進(jìn)的段落。</p>
在CSS中:
.indented-paragraph { text-indent: 2em; }
這樣,只有帶有indented-paragraph
類的段落才會被縮進(jìn)。
text-indent
屬性只對塊級元素有效,如<p>
、<div>
、<h1>
到<h6>
等,如果你試圖對行內(nèi)元素(如<span>
或<a>
)使用text-indent
,它將不會有任何效果。