在CSS中，點（.）是用來表示類名的，因此當我們想要在CSS中使用點時，需要進行轉義。

.circle {\ 
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: black;
}

上面的代碼是一個創建圓點的示例，在使用時需要注意，在類名前加上反斜杠（\）即可。

另一種創建圓點的方法是使用偽類before：

p:before {
content: "●";
color: red;
margin-right: 5px;
}

此時，文本前會出現一個紅色的圓點，如果想要改變圓點的顏色或者大小，只需要修改對應的CSS屬性就可以了。