在網頁設計中，我們經常需要為頁面元素添加一些特效以提升用戶體驗。在此介紹如何使用CSS樣式為div添加陰影效果。

首先，在HTML文件中添加一個div元素，用于測試陰影樣式：

<div class="box">
<p>這是一個測試元素</p>
</div>

然后，在css文件中添加以下代碼：

.box {
width: 200px;
height: 200px;
background-color: #fff;
box-shadow: 2px 2px 5px #888;
 }

在代碼中，我們通過.box來指定樣式作用于我們的div元素。接下來的width和height屬性分別設置div的寬度和高度，background-color屬性用于設置div的背景色。

最后一個box-shadow屬性是我們本文想要介紹的主角。它的第一個參數2px為水平偏移量，第二個參數2px為垂直偏移量，第三個參數5px為陰影模糊半徑，表現為陰影的模糊程度，最后一個參數#888為陰影顏色。

通過這樣簡單的代碼，我們就可以成功地為div元素添加一個優美的陰影效果。