發光的圓點在網頁設計中是一種常見的效果，可以用來作為列表形式的點和特別重點的標記。這個效果是通過CSS中的盒子陰影和邊框生成的。首先，使用border-radius屬性來創建一個圓形的盒子并設置其寬高相等。其次，定義盒子的內外填充來控制大小和位置。最后，通過box-shadow屬性定義內部陰影和外部邊框來給圓點加上光暈的效果。

.list-dot {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 5px;
border-radius: 50%;
padding: 5px;
box-shadow: 
0 0 0 1px #333, 
0 0 0 3px #999, 
0 0 2px 3px rgba(0, 0, 0, 0.3);
}

可以看到，這段代碼創建了一個帶有發光和邊框的圓點。具體實現中，使用了box-shadow屬性來定義兩個陰影和一個透明度較低的陰影，實現了光暈和邊框的效果。此外，加上padding屬性來定義內邊距，可以讓圓點與后面的文字產生一定距離。當然，你也可以根據需求自定義陰影和邊框的樣式和顏色。

總之，發光的圓點是一個簡單而實用的CSS效果，適用于各種列表和標題的情景。你只需要用上面的代碼片段即可實現這個效果。希望這篇文章對你有所幫助！