CSS圆点可以通过设置一个带有圆角的方形元素来实现。首先，我们在HTML文档中创建一个p元素用于展示圆点：

```html

```

然后，我们使用CSS来为这个p元素设置样式，使之成为一个圆点：

```css

.dot {

width: 10px;

height: 10px;

border-radius: 50%;

background-color: black;

}

```

通过上述代码，我们设置了p元素的宽度和高度为10像素，并设置了边框半径为50%。这使得方形元素呈现为一个圆形。我们还将背景颜色设置为黑色，以便显示为圆点。

如果想要在页面中显示多个圆点，可以使用复制或者循环来创建多个p元素，并为每个元素设置不同的样式。

此外，我们还可以通过CSS的伪元素来创建圆点。伪元素是在元素的内容之前或之后添加的虚拟元素。使用伪元素，可以为一个标签添加一个或多个圆点。

例如，我们可以使用`::before`伪元素为一个p元素添加一个圆点：

```css

.dot::before {

content: "";

display: inline-block;

width: 10px;

height: 10px;

border-radius: 50%;

background-color: black;

margin-right: 5px;

}

```

在这个例子中，我们为p元素的`::before`伪元素设置了相同的样式。`content`属性为空，使伪元素成为一个空白的实心圆点。`display`属性设置为`inline-block`，使伪元素的宽度和高度设置生效。`margin-right`属性设置为5像素，使圆点与p元素之间存在一些间距。

使用这些CSS代码，我们可以在页面中创建圆点，可以根据需要设置不同的大小和颜色。这些圆点可以用于显示列表、进度指示等等。