在網頁設計中，陰影效果是一個非常流行的美化元素，可以讓頁面看起來更加立體和現代化。通過CSS中的box-shadow屬性，我們可以很容易地實現DIV的陰影效果。

div {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

上面的代碼中，box-shadow屬性中的第一個值2px表示陰影的水平偏移量，第二個值2px表示陰影的垂直偏移量，第三個值5px表示陰影的模糊程度，第四個值rgba(0, 0, 0, 0.3)表示陰影的顏色和透明度。其中，前三個值必須指定，最后一個值可以省略，如果省略則默認為黑色半透明的陰影。

除了基本的陰影效果，我們還可以使用多個box-shadow屬性實現更加復雜的陰影效果：

div {
box-shadow: 
1px 1px 2px rgba(0, 0, 0, 0.3), 
-1px -1px 2px rgba(255, 255, 255, 0.3);
}

以上代碼中，box-shadow屬性使用了兩個值，用逗號隔開。每個值表示一個陰影效果，多個陰影效果會疊加在一起，形成更加立體的效果。在上面的例子中，第一個陰影效果是黑色的，向右下方偏移1px，模糊程度為2px；第二個陰影效果是白色的，向左上方偏移1px，模糊程度為2px。這樣一來，就實現了一個帶有凸出和凹陷效果的陰影效果。

總之，通過box-shadow屬性，我們可以輕松地給DIV添加各種各樣的陰影效果，為網頁增添不少高級感和美觀度。