<

ul>）中，圆点与列表项之间会有一定的间距。通过CSS样式，我们可以对这个间距进行调整，使其符合我们的设计需求。

阅读更多：CSS 教程

利用margin和padding控制间距

CSS中的margin和padding属性可以用于控制元素的外边距和内边距。在无序列表中，我们可以通过设置列表项的margin或padding属性来控制圆点与列表项之间的间距。

下面是一个示例代码：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

我们可以通过以下CSS样式来控制圆点与列表项之间的间距：

ul li {
  margin-left: 20px; / 调整圆点与列表项之间的空格 /
}

上述代码中，我们通过设置列表项的左外边距（margin-left），将圆点与列表项之间的空格调整为20像素。

类似地，我们也可以使用padding属性来控制间距。下面是一个示例代码：

ul li {
  padding-left: 20px; / 调整圆点与列表项之间的空格 /
}

通过设置列表项的左内边距（padding-left），同样可以调整圆点与列表项之间的间距为20像素。

使用list-style-position属性将圆点移出文本流

除了调整间距，我们还可以使用CSS的list-style-position属性来控制圆点在列表项中的位置。

list-style-position属性有两个可选值：inside和outside。默认情况下，圆点位于列表项中的文本流之外（outside）。如果我们想要将圆点与列表项之间的空格变得更紧凑，可以将list-style-position属性设置为inside。

下面是一个示例代码：

ul {
  list-style-position: inside; / 将圆点置于列表项内部 /
}

通过设置ul元素的list-style-position属性为inside，我们将圆点置于列表项内部，从而减小了圆点与列表项之间的空格。

总结

通过使用CSS样式，我们可以轻松地控制无序列表中圆点与列表项之间的空格。我们可以通过调整列表项的margin或padding属性来控制间距的大小，也可以使用list-style-position属性来改变圆点的位置。在进行设计时，根据实际需求合理地调整这些属性，能够让无序列表的样式更加符合我们的设计要求。

希望本文对您理解和使用CSS来控制圆点与列表项之间的空格有所帮助！