css如何設置首行文字縮進?


在HTML網頁中通常一段文字都需要設置首行縮進兩個文字,使頁面更加美觀,我們可以通過css實現這一效果,下面我們就來看一下使用css設置首行文字縮進的方法。

 

 

css可以使用text-indent屬性來設置首行文字縮進,我們可以通過設置text-indent屬性的屬性值來設置縮進的大小。

示例:

設置首行文字縮進兩字符:

<html> <head> <style type="text/css"> p {text-indent: 2em} </style> </head> <body> <p> 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 這是段落中的一些文本。 </p> </body> </html>

 

text-indent屬性說明:

text-indent屬性規定文本塊中首行文本的縮進。

注釋:允許使用負值。如果使用負值,那么首行會被縮進到左邊。

屬性值:

  • length 定義固定的縮進。默認值:0。

  • % 定義基於父元素寬度的百分比的縮進。

  • inherit 規定應該從父元素繼承 text-indent 屬性的值。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM