在網頁設計中，線性列表是一個常見的元素。而在列表中每個項目之間的行距也是設計者需要考慮的一個問題。 在 CSS 中，我們可以使用 line-height 屬性來設置列表項之間的行距。 line-height 屬性表示文字行高，它不僅適用于文本，也適用于列表偽元素。舉個例子，假設我們有這樣一個 HTML 代碼：

<ul>
<li>第一行內容</li>
<li>第二行內容</li>
<li>第三行內容</li>
</ul>

如果我們想要讓每個列表項目間距為 20 像素，我們可以添加下面這行 CSS 代碼：

li {
line-height: 20px;
}

以上代碼的意思是：設置每個列表項的文字行高為 20 像素。這時候，我們會發現列表中的每個項目之間存在了 20 像素的空隙，讓它們看起來更加有序和整潔。 除了直接設置 line-height 屬性以外，我們還可以使用 margin、padding、border 等邊框屬性來調整行距。通過這些屬性的結合應用，我們可以創造出更加復雜多樣的列表樣式效果。 總結一下，列表項之間的行距對于網頁設計來說是一個重要的問題。CSS 中的 line-height 屬性提供了一種簡單有效的方法來控制行距。設計者可以根據具體的需要來靈活運用各種邊框屬性，以達到最佳的視覺效果。