CSS的陰影效果可以通過box-shadow屬性來實現(xiàn)。box-shadow屬性可以添加多個陰影，并且可以設(shè)置陰影的顏色、模糊半徑、陰影的大小和位置。

以下是一個簡單的例子，展示了如何為一個元素添加CSS陰影：

.shadow {
  box-shadow: 10px 10px 5px #888888;
}

在這個例子中，10px 10px表示陰影的大小，5px表示模糊半徑，#888888表示陰影的顏色，這個陰影效果會在元素的右下角出現(xiàn)，并且會模糊5個像素。

如果你想要讓陰影出現(xiàn)在元素的左上角，你可以將10px 10px改為-10px -10px，這樣陰影就會出現(xiàn)在元素的左上角了。

如果你想要添加多個陰影，你可以將多個box-shadow屬性寫在一起，每個屬性之間用逗號隔開。

.multiple-shadows {
  box-shadow: 10px 10px 5px #888888, -10px -10px 5px #888888;
}

在這個例子中，元素會有兩個陰影，一個出現(xiàn)在右下角，另一個出現(xiàn)在左上角，兩個陰影的顏色都是#888888，模糊半徑都是5px。

通過CSS的box-shadow屬性，你可以輕松地給元素添加各種樣式的陰影，使元素更加美觀和有趣。