CSS是網頁設計中不可或缺的一部分,它可以控制網頁中各個元素的樣式和布局。在CSS中,我們可以使用text-indent屬性來控制文字的縮進。
p { text-indent: 2em; }
上面的代碼表示給全部的段落添加縮進,縮進的大小為2em。這里的em單位是基于當前字體大小的相對單位,2em表示縮進2個字體大小的寬度。
如果我們只想給一個特定的元素添加縮進,可以使用該元素的選擇器。
h1 { text-indent: 3em; }
上面的代碼表示給h1元素添加縮進,縮進的大小為3em。
除了使用em作為單位,我們還可以使用像素(px)或其他單位來設置縮進的大小。
p { text-indent: 30px; }
上面的代碼表示給全部的段落添加縮進,縮進的大小為30像素。
text-indent屬性還可以配合direction屬性一起使用,來設置文本縮進的方向。
h2 { text-indent: 2em; direction: rtl; }
上面的代碼表示給h2元素添加右向文本縮進,縮進的大小為2em。
總之,text-indent是一個非常重要的CSS屬性,可以有效地控制網頁上的文本縮進。