CSS是現代網頁開發過程中不可或缺的工具之一，它可以讓我們輕松地調整網頁布局和樣式。其中，陰影是一種被廣泛應用的效果，可以讓元素看起來更加立體、有層次感。

在CSS中，生成陰影效果的主要屬性是box-shadow。這個屬性可以讓我們為一個元素增加一個或多個陰影。使用box-shadow屬性的語法非常簡單，如下所示：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，h-shadow和v-shadow是橫向和縱向陰影的偏移量，以像素為單位。blur是模糊半徑，spread是陰影擴散半徑，color是陰影的顏色值，inset用于指定陰影為內陰影。

舉個例子，如果我們想要為一個元素增加一個2px的陰影，可以這樣寫：

.shadow {
box-shadow: 2px 2px #888;
}

這會在元素的右側和底部生成一個2px的陰影，顏色值為#888888。如果我們想要為一個元素增加多個陰影，可以使用逗號將不同的陰影屬性分隔開來，如下所示：

.shadow-multiple {
box-shadow: 2px 2px #888, -2px -2px #888;
}

這里的box-shadow屬性中同時指定了兩個陰影，一個在元素右下方，一個在左上方，顏色值均為#888888。可以看到，使用CSS生成陰影非常方便，只需要簡單的代碼即可實現增加元素層次感的效果。