在網(wǎng)頁設(shè)計中，列表是一個很重要的元素。在HTML中，我們通常使用<ul>或<ol>標簽來創(chuàng)建一個無序或有序列表，其中每個列表項都是由<li>標簽定義的。

然而，有時候我們需要控制列表項的間距，以便更好地呈現(xiàn)網(wǎng)頁。這就需要使用CSS來控制<li>元素。

/* 控制無序列表的間距 */
ul {
list-style: none; /* 去掉默認樣式 */
padding: 0; /* 去掉內(nèi)邊距 */
margin: 0; /* 去掉外邊距 */
}
ul li {
margin-bottom: 10px; /* 定義列表項之間的間距 */
}
/* 控制有序列表的間距 */
ol {
list-style: decimal; /* 設(shè)置數(shù)字編號 */
padding-left: 20px; /* 設(shè)置左邊距 */
margin: 0; /* 去掉外邊距 */
}
ol li {
margin-bottom: 10px; /* 定義列表項之間的間距 */
}

上面的代碼演示了如何使用CSS來控制<li>元素的間距。對于無序列表，我們要去掉默認樣式和內(nèi)外邊距，然后定義列表項之間的間距。對于有序列表，我們需要設(shè)置編號樣式、左邊距和去掉外邊距，然后同樣定義列表項之間的間距。

通過上面的控制方法，我們可以輕松地美化列表，并使網(wǎng)頁呈現(xiàn)更好的排版效果。