聚光燈是一種被廣泛應用于網頁設計中的效果。它可以讓某個元素在頁面中變得更加突出，從而引起用戶的關注。在 CSS 中，可以使用 box-shadow 或者 border 設置聚光燈效果。

/* 使用 box-shadow 實現聚光燈效果 */
box-shadow: 0 0 30px #fff, 0 0 15px #fff, 0 0 10px #fff;
/* 使用 border 實現聚光燈效果 */
border: 5px solid #fff;
border-radius: 50%;
box-shadow: 0 0 30px #fff;

上面的代碼中，box-shadow 的三個參數分別是 x 軸偏移量、y 軸偏移量和模糊半徑。具體來說，第一個參數表示水平方向上的偏移量，如果為正值，則陰影向右偏移，負值則向左偏移。第二個參數表示垂直方向上的偏移量，正值向下偏移，負值則向上偏移。第三個參數是模糊半徑，值越大，陰影的邊緣就越模糊。

使用 border 實現聚光燈效果的過程是這樣的：首先設置一個寬度和高度相等的圓形邊框，然后將其背景色設置為與頁面背景色相同，這樣就可以實現一個空心的白色圓形。最后添加一個較大的模糊陰影，就可以讓圓形邊框看起來像是發光了。

/* HTML 代碼 */
<div class="spotlight">
內容區域
</div>
/* CSS 代碼 */
.spotlight {
width: 200px;
height: 200px;
border: 5px solid #fff;
border-radius: 50%;
background-color: #f3f3f3;
box-shadow: 0 0 30px #fff;
}

當然，聚光燈效果的應用場景還遠遠不止于此，具體需要根據實際需求靈活運用。在使用聚光燈效果時，還需要注意不要過度使用，以免影響用戶體驗。