CSS是現代化網頁設計不可或缺的重要組成部分，其中設定列表項(li)的間距也是一個常見的設計需求。在本篇文章中，我們將介紹一些常用的CSS方式來設定li的間距。

首先，我們可以通過margin屬性來設定li的上下間距。margin是一個盒模型屬性，它會在li周圍創建一定的空白區域。下面是一個例子：

li {
margin-top: 10px;
margin-bottom: 10px;
}

上面的代碼會在每個li的上下方分別增加10像素的間距。如果需要只設定上下其中一個方向的間距，可以使用margin-top或margin-bottom屬性。

其次，我們可以使用padding屬性來設定li的內邊距。與margin不同，padding是在li元素內部創建的空白區域。下面是一個例子：

li {
padding-top: 10px;
padding-bottom: 10px;
}

上面的代碼會在每個li的上下方分別增加10像素的內邊距。如果需要只設定上下其中一個方向的內邊距，可以使用padding-top或padding-bottom屬性。

另外，我們還可以使用line-height屬性來設定li的行高。line-height是一個行盒屬性，它會在li元素的文本內容周圍創建一定的空白區域。下面是一個例子：

li {
line-height: 1.5;
}

上面的代碼會將每個li的行高設定為1.5倍，在li元素文本內容周圍留出一定的空白區域。

綜上所述，通過margin、padding、line-height等CSS屬性，我們可以輕松地設定li元素的間距，滿足不同的設計需求。