在css中，可以使用“text-indent”屬性設(shè)置段落縮進(jìn)，語法“text-indent:數(shù)值”；該屬性規(guī)定文本塊中首行文本的縮進(jìn)，允許使用負(fù)值，如果使用負(fù)值，那么首行會(huì)被縮進(jìn)到左邊。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

text-indent縮進(jìn)語法與結(jié)構(gòu)

.divcss5{text-indent:25px}

這里divcss5對(duì)象內(nèi)段落首行開頭文字縮進(jìn)了25像素。

css text-indent文本縮進(jìn)樣式屬性單詞，text-indent的值跟數(shù)字+單位組成縮進(jìn)樣式。

css段落段首文字縮進(jìn)案例

通常text-indent縮進(jìn)屬性將對(duì)段落首行開頭文本文字進(jìn)行縮進(jìn)顯示。如果使用html br換行標(biāo)簽，第二個(gè)換行開始也不會(huì)出現(xiàn)縮進(jìn)效果。如果使用了html P段落標(biāo)簽段落換行，將會(huì)出現(xiàn)每個(gè)p段落換行開頭都將縮進(jìn)，這里我們給大家通過案例演示給大家，希望通過DIVCSS5案例掌握CSS text-indent縮進(jìn)樣式。

CSS代碼

.divcss5{  text-indent:35px  }

HTML代碼片段

<div class="divcss5">      <p>第一段開始縮進(jìn)效果<br /> 使用br標(biāo)簽的換行將不會(huì)縮進(jìn) </p>      <p>第二段使用p標(biāo)簽段落首行也會(huì)縮進(jìn)<br /> 第二行使用了br不會(huì)縮進(jìn)<br /> 第三行提行使用了br也不會(huì)縮進(jìn)</p>  </div>

運(yùn)行結(jié)果：

推薦學(xué)習(xí)：css視頻教程