下面我們通過最簡單的例子來介紹css文本首行縮進即text-indent屬性的使用方法及相關知識。

 !DOCTYPE html  html  head  meta charset= utf-8  title css首行縮進的代碼使用示例 /title  style  p {text-indent:36px;} /style  /head  body  這里是關于css文本縮進的一段文字。這里是關于css文字縮進的一段文字。這里是關于css首行縮進的一段文字。 這里是關于css文本縮進的一段文字。這里是關于css文字縮進的一段文字。這里是關于css首行縮進的一段文字。 這里是關于css文本縮進的一段文字。這里是關于css文字縮進的一段文字。這里是關于css首行縮進的一段文字。 /body  /html 

上述代碼在瀏覽器訪問效果如下圖：

我們從圖中可以發現，這個html段落產生了首行縮進的效果。這里大家顯然可以發現是css中哪個樣式屬性在起作用吧？就是text-indent樣式屬性了！那么text-indent是什么意思呢？其實顯而易見這個樣式屬性的作用就是能使文本進行首行縮進效果，比如使html首行縮進2個字符、縮進1字符等等需求，而且這里也提醒一下各位，text-indent樣式屬性是可以有負值的，負值的話文本段落首行就會縮進到左邊了。一般情況不使用負值。

那么通過以上介紹，大家對如何用css設置文字段落首行縮進的問題是不是已經掌握了呢？本篇文章具有一定參考價值，希望對有需要的朋友有所幫助！

以上就是css text-indent屬性如何實現首行縮進？【詳解】的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。