BR 首行縮進是指在段落開頭的第一行文字縮進一定的距離，以達到排版整齊、美觀的效果。在 CSS 中，我們可以使用 text-indent 屬性來實現 BR 首行縮進。本文將會介紹 text-indent 屬性的用法和一些實際應用。 一、text-indent 屬性的用法 text-indent 屬性指定一個元素中第一行文本的縮進。它可以接受負值，表示文本向左移動；也可以接受百分比值，表示相對于父元素寬度的縮進量。 下面是一個簡單的示例，展示了如何使用 text-indent 屬性為段落實現 BR 首行縮進：

p {
text-indent: 20px;
}

使用上述代碼后，所有的段落都會在第一行縮進 20 像素。你可以通過增加或減少 text-indent 的值來調整縮進量。 二、實際應用 BR 首行縮進常常被用在版面設計中，可令文章看起來更加整潔，也較為適用于長篇大論。 下面是一個實際應用的示例，在這個示例中，我們給文章所有的段落增加了 BR 首行縮進，同時為首行添加了一個由“>>”構成的標記：

p {
text-indent: 2em;
line-height: 1.6;
}
p::before {
content: ">>";
font-size: 1.2em;
color: #999;
}

上述代碼將會為文章的每個段落新增一個縮進 2 個空格，并在首行添加了一個由“>>”構成的標記。其中，line-height 屬性設置了行高，可避免行與行之間過于緊湊。 這里我們還可以添加其它的 CSS 樣式來優化排版，例如在段落之間增加 margin 或 padding。

p + p {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #ccc;
}

上述代碼將會在段落之間增加 20 像素的 margin、10 像素的 padding 和 1 像素的上邊框線，美化排版效果。 三、總結 在 CSS 中，使用 text-indent 屬性可以輕松實現 BR 首行縮進，使文章看起來更加整潔、美觀。我們可以根據需要來調整縮進量和樣式，并結合其它 CSS 樣式來優化文章的版面設計效果。