css li 上下间距

在网页开发中，我们经常需要使用无序列表（<ul>）或有序列表（<Ol>）展示信息，但是默认情况下，每个列表项（<li>）之间会存在一定的上下间距。若想去除或者改变这个间距，我们就需要利用CSS来实现。

首先， 最简单的方法就是使用margin来改变每个列表项之间的间距。例如：

li{
   margin-bottom: 10px;
}

这样就可以在每个列表项之间添加10px的间距。不过这样会给所有的列表项添加相同的间距，如果想要给特定的列表项添加不同的间距，还需其他方法。

其次，我们可以通过修改列表项的display属性来改变列表项间距。在默认情况下，每个列表项<li>的display属性为list-item，所以之间会存在一定的上下边距。我们可以将display改为inline-block或者float等来改变列表项的布局，从而改变它们之间的上下间距。例如：

li{
   display: inline-block;
}

这样就将列表项的布局改为了inline-block，从而将它们排列在同一行中，不再存在上下间距。

最后，我们还可以利用line-height来改变每个列表项之间的间距。例如：

li{
   line-height: 20px;
}

这样就可以让每个列表项的高度为20px，从而为每个列表项之间添加20px的间距。

总之，我们可以通过上述方法来改变列表项之间的间距，具体方法根据实际情况而定。