css写三个圆点

在网页设计中，三个圆点常常被用来表示菜单、导航与标签等，那么我们该如何用 CSS 来实现这个功能呢？

ul {
  list-style: none; /* 首先清除默认的 ul 标签样式 */
}

.circle {
  display: inline-block; /* 圆点必须是行内元素才能在同一行 */
  width: 10px;
  height: 10px;
  border-radius: 50%; /* 圆点必须设置圆角来实现 */
  background-color: #000; /* 可以根据需要调整圆点颜色 */
  margin-right: 5px; /* 圆点之间留出一定的间距 */
}

然后在 HTML 中使用一个无序列表来包含这三个圆点：

• 菜单1
• 菜单2
• 菜单3

这样就可以实现一个简单的三个圆点菜单了。