CSS是網頁設計中非常重要的一項技術，它可以用來控制網頁的各種元素，包括文本、圖像、布局等。在網頁排版中，經常需要調整列表元素（li標簽）的距離，下面我們來介紹如何利用CSS控制li標簽的距離。

ul {
list-style: none; /*取消列表的默認樣式*/
}
li {
margin-bottom: 10px; /*設置每個列表項底部的距離為10像素*/
}

上面的代碼中，首先通過"list-style: none"取消了列表的默認樣式，使得列表項的排版更加靈活。然后通過"li {margin-bottom: 10px}"設置了每個列表項底部的距離為10像素，從而讓列表更加美觀。可以根據實際需要自由地調整這個數值，來實現不同的效果。

除了設置列表項的底部距離，還可以通過CSS來控制列表項之間的距離，下面是一些示例代碼：

/*設置水平列表項之間的距離*/
ul.horizontal li {
margin-right: 20px;
}
/*設置垂直列表項之間的距離*/
ul.vertical li {
margin-bottom: 20px;
}
/*設置兩種類型的列表項之間的距離*/
ul.mixed li {
margin-bottom: 10px;
}
ul.mixed li:last-child {
margin-bottom: 20px;
}

本文介紹了如何使用CSS控制li標簽的距離，通過理解和靈活運用這些方法，可以讓網頁排版更加美觀和實用。歡迎大家進一步探索CSS的各種技巧和應用。