CSS陰影效果是網頁設計中經常使用的一種效果，可以給網頁增添立體感和深度感。在CSS中，設置陰影效果需要用到box-shadow屬性。

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

該屬性共有五個值，分別是：

• h-shadow：水平陰影的位置，可以取正數、負數和0。
• v-shadow：垂直陰影的位置，可以取正數、負數和0。
• blur：模糊距離，可以取正數和0。數值越大，模糊程度越高。
• spread：陰影的大小，可以取正數和0。正數表示陰影擴散的距離，0表示陰影與元素大小相同。
• color：陰影的顏色，可以使用顏色名稱、RGB、HEX等格式來表示。

例如，以下代碼可以實現一個水平方向5px、垂直方向5px的陰影，模糊距離為10px，顏色為灰色。

box-shadow: 5px 5px 10px #888888;

如果想要實現多層陰影效果，可以在一個元素上設置多個box-shadow屬性。例如，以下代碼可以實現一個元素同時擁有兩層陰影效果。

box-shadow: 5px 5px 10px #888888, -5px -5px 10px #CCCCCC;

注意，多個box-shadow之間需要用逗號隔開。

總體來說，CSS陰影效果可以使網頁看起來更具立體感和深度感，是網頁設計中比較實用的效果。掌握陰影效果的使用方法，可以讓我們的網頁設計更加出色。