CSS是網頁設計中非常重要的一部分，并且可以方便地給網頁添加各種效果。本文將介紹如何給div添加陰影，讓網頁看起來更加生動。

.box {
box-shadow: 5px 5px 5px grey; /* 橫向偏移量 縱向偏移量 模糊值 顏色 */
}

如上代碼，通過給div添加box-shadow屬性并設置對應的值，就可以為div添加陰影效果了。其中，box-shadow屬性有四個值需要設置。

第一個值為橫向偏移量，表示陰影相對于元素的水平位置。如果設置為0，則表示陰影在元素正下方。

第二個值為縱向偏移量，表示陰影相對于元素的垂直位置。如果設置為0，則表示陰影在元素正右方。

第三個值為模糊值，表示陰影的模糊程度。如果設置為0，則表示陰影清晰，越大則越模糊。

第四個值為顏色，表示陰影的顏色。可以使用顏色的名稱、十六進制值或者RGB值。

在實際項目中，我們可以根據需求靈活設置陰影效果，并且可以通過多次設置box-shadow屬性來添加多個陰影效果。除此之外，還可以通過設置inset關鍵字來將陰影變成內陰影，讓元素看起來更立體。

總之，CSS給我們提供了豐富的陰影效果，可以讓我們的網頁設計更加生動有趣。希望本文的介紹能夠幫助大家更好地使用CSS，在網頁設計中發揮更大的作用。