導讀:CSS/HTMLCSS/HTMLCSS 文本屬性可定義文本的外觀。 通過文本屬性，您可以改變文本的顏色、字符間距，對齊文本，裝飾文本，對文本進行縮進，等等。 縮進文本 把 Web 頁面上的段落百度seo網站優化seo網站優化培訓。

CSS 文本屬性可定義文本的外觀。 通過文本屬性，您可以改變文本的顏色、字符間距，對齊文本，裝飾文本，對文本進行縮進，等等。 縮進文本 把 Web 頁面上的段落的第一行縮進，這是 […]

CSS 文本屬性可定義文本的外觀。

通過文本屬性，您可以改變文本的顏色、字符間距，對齊文本，裝飾文本，對文本進行縮進，等等。

縮進文本

把 Web 頁面上的段落的第一行縮進，這是一種最常用的文本格式化效果。

CSS 提供了 text-indent 屬性，該屬性可以方便地實現文本縮進。

通過使用 text-indent 屬性，所有元素的第一行都可以縮進一個給定的長度，甚至該長度可以是負值。

這個屬性最常見的用途是將段落的首行縮進，下面的規則會使所有段落的首行縮進 5 em：

p {text-indent: 5em;}

注意：一般來說，可以為所有塊級元素應用 text-indent，但無法將該屬性應用于行內元素，圖像之類的替換元素上也無法應用 text-indent 屬性。不過，如果一個塊級元素（比如段落）的首行中有一個圖像，它會隨該行的其余文本移動。

提示：如果想把一個行內元素的第一行“縮進”，可以用左內邊距或外邊距創造這種效果。

使用負值

text-indent 還可以設置為負值。利用這種技術，可以實現很多有趣的效果，比如“懸掛縮進”，即第一行懸掛在元素中余下部分的左邊：

p {text-indent: -5em;}

不過在為 text-indent 設置負值時要當心，如果對一個段落設置了負值，那么首行的某些文本可能會超出瀏覽器窗口的左邊界。為了避免出現這種顯示問題，建議針對負縮進再設置一個外邊距或一些內邊距：

p {text-indent: -5em; padding-left: 5em;}

使用百分比值

text-indent 可以使用所有長度單位，包括百分比值。

百分數要相對于縮進元素父元素的寬度。換句話說，如果將縮進值設置為 20%，所影響元素的第一行會縮進其父元素寬度的 20%。

在下例中，縮進值是父元素的 20%，即 100 個像素：

div {width: 500px;} p {text-indent: 20%;} <div> <p>this is a paragragh</p> </div>

關鍵詞標簽: 文本 屬性