在網頁的設計中，我們常常需要調整列表項（li）之間的行距，以達到更好的視覺效果。那么如何使用 CSS 來實現這一目標呢？ 首先，我們需要了解兩個 CSS 屬性：line-height 和 margin。line-height 屬性指定了行高，即每行文字的高度。而 margin 屬性則指定了元素之間的間距。 我們可以通過設置 li 元素的 line-height 屬性來調整行距。例如，下面的 CSS 代碼將 li 元素的行高設置為 30 像素：

li {
line-height: 30px;
}

這樣一來，每個 li 元素之間的行距就會變得更寬松了。 如果我們只想在列表項之間添加一些額外的空白，而不想影響每行文字的高度，那么可以使用 margin 屬性。例如，下面的 CSS 代碼將 li 元素的底部間距設置為 10 像素：

li {
margin-bottom: 10px;
}

這樣一來，每個 li 元素之間就會有 10 像素的間距了。 需要注意的是，li 元素本身是塊級元素，會在前后自動添加一定的間距。如果我們想要讓 li 元素之間的間距更小，那么可以將它們的 display 屬性設置為 inline 或 inline-block，去掉默認的上下間距。例如：

li {
display: inline-block;
margin-right: 10px;
}

這樣一來，每個 li 元素之間的間距就會更小了。 總之，調整列表項的行距是網頁設計中不可或缺的一步。通過合理地運用 line-height 和 margin 屬性，我們可以輕松地實現自己想要的效果。