在 Web 設計中，邊框是一個非常重要的元素，通過適當的邊框樣式，可以讓網頁看起來更加美觀。而如果再為邊框添加一些光暈效果，那么整個頁面效果會更加出色。接下來，我們來學習一下如何使用 CSS 為邊框添加光暈。

.box {
border: 1px solid #ccc;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

上述代碼中，我們首先定義了一個名為 .box 的 CSS 類，然后為其設置了一個 1 像素寬度，顏色為 #ccc 的實線邊框。接著，我們使用 box-shadow 屬性來為邊框添加光暈效果。

box-shadow 屬性有多個參數，分別對應 x 偏移、y 偏移、模糊半徑和顏色。在上述代碼中，我們設置 x 和 y 偏移都為 0，即光暈效果向四周擴散，而模糊半徑為 8 像素，顏色為 RGBA 格式的黑色，透明度為 0.2，使得光暈效果更加柔和。

通過上述代碼，我們成功為邊框添加了光暈效果，使得整個頁面看起來更加美觀，增強了用戶的視覺體驗。