在網頁設計過程中，我們常常需要為用戶提供多種選項以供選擇，這時候就可以使用帶小圓點的選項卡來幫助用戶快速選擇。這種選項卡通常由圓點和文本組成，用戶可以點擊圓點或者文本來選擇不同的選項。

ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
margin: 5px 0;
}
li:before {
content: "?";
margin-right: 5px;
}

上面的 CSS 代碼展示了如何使用 list-style-type 屬性來控制列表的樣式，我們將其設為 none，然后自定義每個列表項（li）的樣式，使用 :before 偽元素來向每個列表項添加圓點，并使用 margin 屬性調整圓點與文本之間的距離。

如果你想要在文本的左側而不是上方添加圓點，只需將 margin 屬性改為 margin-right 即可。如果你想要使用其他符號代替圓點，可以直接修改 content 屬性的值來實現。

使用帶小圓點的選項卡可以讓頁面更加美觀、易于閱讀和理解，減少用戶在選擇過程中的混淆和錯誤，進而提高用戶的體驗和滿意度。