在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 屬性的值。