在CSS中，可以使用box-shadow屬性為div設(shè)置陰影。box-shadow屬性接受四個(gè)值，分別是水平陰影的位置、垂直陰影的位置、模糊距離和顏色。

以下代碼將為div元素設(shè)置一個(gè)向右偏移20px、向下偏移10px、模糊距離為5px、顏色為灰色的陰影：

div {
  box-shadow: 20px 10px 5px gray;
}

如果想要設(shè)置更復(fù)雜的陰影效果，可以使用多個(gè)box-shadow屬性，每個(gè)屬性設(shè)置不同的陰影效果，以下代碼將為div元素設(shè)置兩個(gè)陰影效果：

div {
  box-shadow: 20px 10px 5px gray, 30px 20px 10px blue;
}

在這個(gè)例子中，***個(gè)陰影效果向右偏移20px、向下偏移10px、模糊距離為5px、顏色為灰色，第二個(gè)陰影效果向右偏移30px、向下偏移20px、模糊距離為10px、顏色為藍(lán)色。

需要注意的是，box-shadow屬性的值必須按照指定的順序排列，即水平陰影的位置、垂直陰影的位置、模糊距離和顏色，各個(gè)屬性之間用逗號(hào)隔開(kāi)。

通過(guò)以上方法，我們可以輕松地設(shè)置div元素的陰影效果，使網(wǎng)頁(yè)更加美觀和富有交互性。