陰影是CSS中常用的一種效果，可以為元素添加陰影來美化頁面布局，增強視覺效果。CSS中陰影效果有以下幾種：

1.投影陰影：最常見的一種陰影效果，可以為元素添加一個投影，使元素看起來有立體感。

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

2.內陰影：可以為元素添加內陰影，讓元素看起來凹陷進去。

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

3.多層陰影：可以為元素添加多個陰影層，讓效果更加豐富。

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

4.陰影邊框：可以為元素添加一層陰影邊框，讓元素看起來更加 3D。

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

以上就是CSS中常用的幾種陰影效果，它們可以用于不同類型的元素，增加頁面的美感和用戶體驗。