CSS中提供了多種方式顯示圓點，這些圓點可以被應用于有序列表、無序列表、導航欄等不同的場景中。通過CSS樣式表的定義，我們可以自定義圓點的大小、顏色、形狀等屬性。

/* 定義一個小圓點 */
ul {
list-style: none; /* 取消默認樣式 */
}
li:before {
content: "?"; /* 設置內容為圓點 */
margin-right: 5px; /* 圓點和文字之間添加一定的間距 */
font-size: 16px; /* 字體大小 */
color: #333; /* 圓點顏色 */
}
/* 定義一個大圓圈 */
ol {
list-style: none; /* 取消默認樣式 */
}
li:before {
content: ""; /* 設置內容為空 */
display: inline-block; /* 顯示為塊級元素 */
width: 20px; /* 圓圈直徑 */
height: 20px;
margin-right: 5px; /* 圓圈和文字之間添加一定的間距 */
border-radius: 50%; /* 邊框半徑 */
border: 2px solid #333; /* 邊框樣式 */
}
/* 定義一個三角形 */
nav {
list-style: none; /* 取消默認樣式 */
}
li:before {
content: ""; /* 設置內容為空 */
display: inline-block; /* 顯示為塊級元素 */
width: 0; /* 去除寬度 */
height: 0; /* 去除高度 */
border-style: solid; /* 邊框樣式 */
border-width: 0 5px 5px 5px; /* 三角形大小和位置 */
border-color: transparent transparent #333 transparent; /* 三角形顏色 */
}

以上代碼展示了如何自定義三種不同形態的圓點，我們可以根據實際需要進行修改。