CSS提供了許多強(qiáng)大的效果，可以讓我們的網(wǎng)站更加生動(dòng)、美觀。其中，帶有光暈的點(diǎn)是一個(gè)經(jīng)典的效果，它能夠吸引用戶的注意力，提高頁面的視覺效果。在這篇文章中，我們將學(xué)習(xí)如何使用CSS實(shí)現(xiàn)這一效果。

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

實(shí)現(xiàn)這一效果很簡單，我們只需要使用CSS中的box-shadow屬性就可以了。box-shadow屬性可以在對(duì)象周圍創(chuàng)建陰影效果，它包括四個(gè)參數(shù)：

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

因此，在上面的代碼中，我們?cè)O(shè)置了水平偏移量和垂直偏移量都為0，陰影模糊半徑為10px，陰影擴(kuò)展半徑為5px，從而實(shí)現(xiàn)了一個(gè)白色、帶有光暈的圓點(diǎn)。

可以根據(jù)自己的需求，調(diào)整box-shadow的參數(shù)，來得到自己想要的效果。如果想要更加生動(dòng)、美觀的效果，可以結(jié)合CSS中的其它屬性，比如transition和animation效果來實(shí)現(xiàn)。