CSS 可以通過偽元素 ::before 和 ::after 來實現顯示點的效果。

/* 顯示一個圓形點 */
.dot {
position: relative;
}
.dot::before {
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上述代碼實現了一個圓形點的效果，可以通過修改 color 屬性來設置點的顏色，通過修改 width 和 height 屬性來調整點的大小。

如果需要顯示多個點，可以使用 ::after 偽元素，并根據需要使用 nth-child 選擇器來為不同的元素顯示不同的點。例如：

/* 為列表中的每一項添加一個方形點 */
ul li {
position: relative;
padding-left: 20px;
}
ul li::before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 1px solid black;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
ul li:nth-child(2)::before {
background-color: red;
}
ul li:nth-child(3)::before {
background-color: green;
}

上述代碼為一個列表中的每一項添加一個方形點，第二項點的顏色為紅色，第三項點的顏色為綠色。