CSS3是網頁設計中最常用的技術之一，它可以用來美化網頁，增加交互性和動態效果。其中一個很受歡迎的功能是照亮DIV，下面我們來一起看看如何實現這個特效。 首先，我們需要在HTML代碼中定義一個DIV元素。我們可以給它一個ID，方便在CSS中調用。在這個DIV元素里，我們可以放置任何我們希望顯示的內容。

<div id="my-div">
<p>這里是我們希望顯示的內容。</p>
</div>

接下來，我們需要在CSS中定義這個DIV的樣式。我們先給它一個背景色。然后，我們利用box-shadow屬性來產生陰影效果。我們使用inset參數，表示將陰影放在DIV元素內部。blur參數表示陰影的模糊程度，這個值越大，陰影就越模糊。spread參數表示陰影的擴散程度，這個值越大，陰影就越擴散。最后，我們設置陰影的顏色為白色，這樣就可以讓整個DIV看起來像是被照亮了一樣。

#my-div {
background-color: #333;
box-shadow: inset 0 0 50px 50px #fff;
}

最后，我們來放一下效果圖，一起來看看：

這就是通過CSS3技術實現DIV照亮效果的方法。通過靈活運用CSS屬性，我們可以做出更多豐富多彩的網頁效果，豐富網站的交互性和美觀程度。