在前端開發(fā)中，文本縮進是非常常見的需求。通過 CSS 可以實現(xiàn)文本縮進的效果，具體實現(xiàn)方法如下。
步驟一：使用 CSS 的 text-indent 屬性來實現(xiàn)文本縮進，語法如下：
p {
text-indent: 2em;
}
其中，“p”是指要設(shè)置縮進效果的標(biāo)簽，這里以段落標(biāo)簽為例；“text-indent”是指文本縮進的屬性；“2em”是指要設(shè)置的縮進大小，em 是一個相對長度單位，1em 等于當(dāng)前字體大小。
步驟二：在實際項目中，我們往往需要根據(jù)具體需求來自定義縮進大小，而不是使用固定值。這時可以采用 CSS 變量來實現(xiàn)。語法如下：
:root {
--indent-size: 2em;
}
p {
text-indent: var(--indent-size);
}
其中，“:root”是指文檔的根元素，一般是 html 標(biāo)簽；“--indent-size”是要定義的 CSS 變量名稱；“2em”是該變量的值，可以根據(jù)實際需求自由設(shè)置。在具體使用時，通過 var() 函數(shù)動態(tài)獲取該變量的值。
上述就是使用 CSS 設(shè)置文本縮進的基本方法。如果需要在網(wǎng)頁中顯示 CSS 代碼，可以使用 pre 標(biāo)簽將代碼包裹，例如：

p {
text-indent: 2em; 
}

預(yù)覽的效果：
p {
text-indent: 2em;
}
總的來說，通過 CSS 的 text-indent 屬性和變量，我們可以很方便地實現(xiàn)文本縮進的效果，讓網(wǎng)頁的排版更加美觀。