在網頁設計和開發中，我們經常需要給網頁元素添加一些特效來提升用戶的體驗。其中一種常見的特效就是讓一個區域發光。使用div元素來實現發光效果非常簡單，通過設置CSS樣式即可實現。本文將介紹幾個使用div內發光的代碼案例。

案例一：使用box-shadow屬性

<p><div style="width: 200px; height: 200px; background-color: #f2f2f2; box-shadow: 0 0 10px #ff0000;"></p>
<p></div></p>

上述代碼將創建一個寬高為200px的div元素，背景色為#f2f2f2，而且添加了一個陰影效果。box-shadow屬性接受四個參數，分別表示陰影的水平偏移量、垂直偏移量、模糊半徑和顏色。這里的陰影顏色為#ff0000，表示紅色。

案例二：使用border屬性

<p><div style="width: 200px; height: 200px; background-color: #f2f2f2; border: 10px solid #ff0000;"></p>
<p></div></p>

上述代碼將創建一個寬高為200px的div元素，背景色為#f2f2f2，而且添加了一個邊框效果。border屬性接受三個參數，分別表示邊框的寬度、邊框樣式和邊框顏色。這里的邊框寬度為10px，邊框樣式為solid，邊框顏色為#ff0000。

案例三：使用box-shadow和border屬性組合

<p><div style="width: 200px; height: 200px; background-color: #f2f2f2; box-shadow: 0 0 10px #ff0000; border: 10px solid #ff0000;"></p>
<p></div></p>

上述代碼將創建一個寬高為200px的div元素，背景色為#f2f2f2，并且同時添加了陰影和邊框效果。通過同時使用box-shadow和border屬性，可以實現更加豐富的發光效果。

：

通過簡單的CSS樣式設置，我們可以輕松地給div元素添加發光效果。可以使用box-shadow屬性添加陰影效果，也可以使用border屬性添加邊框效果，甚至可以同時使用這兩個屬性來實現更加豐富的發光效果。這些發光效果可以用于各種網頁設計和開發項目中，提升用戶的視覺體驗。