CSS提供了許多強大的效果，可以讓我們的網站更加生動、美觀。其中，帶有光暈的點是一個經典的效果，它能夠吸引用戶的注意力，提高頁面的視覺效果。在這篇文章中，我們將學習如何使用CSS實現這一效果。

.mark {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #ffffff;
box-shadow: 0 0 10px 5px #ffffff;
}

實現這一效果很簡單，我們只需要使用CSS中的box-shadow屬性就可以了。box-shadow屬性可以在對象周圍創建陰影效果，它包括四個參數：

• 水平偏移量
• 垂直偏移量
• 陰影模糊半徑
• 陰影擴展半徑

因此，在上面的代碼中，我們設置了水平偏移量和垂直偏移量都為0，陰影模糊半徑為10px，陰影擴展半徑為5px，從而實現了一個白色、帶有光暈的圓點。

可以根據自己的需求，調整box-shadow的參數，來得到自己想要的效果。如果想要更加生動、美觀的效果，可以結合CSS中的其它屬性，比如transition和animation效果來實現。