css如何設置段落縮進

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

本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

text-indent縮進語法與結構

.divcss5{text-indent:25px}

這里divcss5對象內段落首行開頭文字縮進了25像素。

css text-indent文本縮進樣式屬性單詞，text-indent的值跟數字+單位組成縮進樣式。

css段落段首文字縮進案例

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

CSS代碼

.divcss5{  text-indent:35px  }

HTML代碼片段

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

運行結果：

推薦學習：css視頻教程