CSS 列表縮進可以增強頁面的可讀性和美觀性，讓網(wǎng)頁的內(nèi)容更加清晰明了。下面我們來了解一下如何利用 CSS 實現(xiàn)列表縮進。 在 HTML 中，有兩種列表：無序列表（unordered list）和有序列表（ordered list）。我們可以使用 CSS 的 text-indent 屬性為這兩種列表設(shè)置縮進。以下是示例代碼：

ul {
list-style: none; /* 去掉列表原有的標記（默認樣式）*/
text-indent: 2em; /* 縮進2個字符（1em相當于一個字母的寬度）*/
}
ol {
list-style: decimal; /* 設(shè)置有序列表的標記為阿拉伯數(shù)字 */
text-indent: 2em; /* 縮進2個字符 */
}

在上面的代碼中，我們首先使用 list-style 屬性將無序列表的原有標記去掉（默認情況下為實心圓點），將有序列表標記設(shè)置為阿拉伯數(shù)字。然后，我們設(shè)置了 text-indent 屬性為 2em，意味著列表會被縮進 2 個字母的寬度。 此外，我們還可以使用 text-align 屬性為列表標記文字設(shè)置對齊方式（默認為左對齊），例如：

ul {
list-style: none;
text-indent: 2em;
text-align: right; /* 設(shè)置列表標記文字右對齊 */
}

上面的代碼將無序列表標記文字右對齊，使整個列表看起來更加整潔。 總之，CSS 列表縮進是一種簡單有效的排版技巧，可以讓網(wǎng)頁內(nèi)容更加清晰明了，展現(xiàn)出更好的用戶閱讀體驗。