站長資訊網(wǎng)css中設(shè)置段落縮進的屬性是“text-indent”，語法格式“text-indent:length|%;”；當(dāng)值為“l(fā)ength”時可定義固定的縮進，當(dāng)值為“%”類型時可定義基于父元素寬度的百分比的縮進。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css中設(shè)置段落縮進的屬性是“text-indent”。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>首行縮進</title> <style> .demo{ width: 500px; height: 200px; margin: 50px auto; } .p1{ text-indent:36px; } .p2{ text-indent:1em; } .p3{ text-indent:10%; } </style> </head> <body> <div class="demo"> <p class="p1">這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。<b>text-indent:36px;</b></p> <p class="p2">這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。<b>text-indent:1em;</b></p> <p class="p3">這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。這是一段測試代碼，是關(guān)于css文本縮進的一段文字。<b>text-indent:10%;</b></p> </div> </body> </html>
效果圖：
【推薦教程：CSS視頻教程】
說明：
text-indent 屬性規(guī)定文本塊中首行文本的縮進。
注意： 負(fù)值是允許的。如果值是負(fù)數(shù)，將第一行左縮進。
屬性值：
| 值 | 描述 |
|---|---|
| length | 定義固定的縮進。默認(rèn)值：0。 |
| % | 定義基于父元素寬度的百分比的縮進。 |
