CSS是一种用于网页设计和排版的样式表语言。它可以控制文本和元素的样式、布局和交互效果。在网页设计中，我们通常使用无序列表（<ul> <li></li> </ul>）来列出项目，但是默认情况下，项目之间的行距可能会比较大，这可能会影响页面的美观性和可读性。

CSS可以轻松地更改li列表的行距。要更改列表行距，需要修改line-height属性。该属性规定元素的行间距。下面是一个简单的CSS代码，演示如何更改li列表中的行距：

ul {
line-height: 1.5em;
}
li {
margin-bottom: 10px;
}

在上面的代码块中，我们将line-height属性设置为1.5em。这将使li列表的行距变小，看起来更加紧凑。我们还为每个li元素设置了10像素的下边距，以增加列表项之间的间距。这样，列表项之间的间距就不会太小，而且它们之间的间距也会更加均匀。

因为CSS是一种非常灵活的语言，所以您可以根据需要调整line-height属性的值。您可以在上述代码中尝试不同的值，直到您找到最适合您的设计的行距距离。

总结来说，CSS可以很容易地更改li列表的行距。通过简单地修改line-height属性，我们可以调整页面上的元素之间的间距。这样我们就可以轻松地创造出漂亮和可读性强的网页。