在CSS中，使用text-indent屬性定義段落的首行縮進。我們都知道段落p標簽的首行是不會縮進的，我們在學習HTML入門教程時，都是使用4個“ ”（牛逼SP）來縮進首行文本，讓段落排版規范一些。但是這樣的話，冗余代碼就會很多。
現在，我們可以使用CSS的text-indent屬性來控制文本首行的縮進。
語法：
text-indent:像素值;
說明：
在CSS入門教程中，全部都是使用像素作單位，在CSS進階階段我們會深入講解其他CSS單位。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>text-indent屬性</title>
<style type="text/css">
p
{
font-size:14px;
text-indent:28px;
}
</style>
</head>
<body>
<h3>愛蓮說</h3>
<p>水陸草木之花，可愛者甚蕃。晉陶淵明獨愛菊。自李唐來，世人甚愛牡丹。予獨愛蓮之出淤泥而不染，濯清漣而不妖，中通外直，不蔓不枝，香遠益清，亭亭淨植，可遠觀而不可亵玩焉。</p>
<p>予謂菊，花之隱逸者也；牡丹，花之富貴者也；蓮，花之君子者也。噫！菊之愛，陶後鮮有聞；蓮之愛，同予者何人? 牡丹之愛，宜乎眾矣。</p>
</body>
</html>
在浏覽器預覽效果如下：
分析：
我們都知道，段落首行縮進的是兩個字的間距，如果要實現這個效果，text-indent的屬性值應該是字體font-size屬性值的兩倍，大家琢磨一下（參考本例）就知道了。這是一個小技巧，大家以後應該會經常用得到。