CSS3的陰影效果可以為網站增添高大上的視覺效果。那么，怎么設置陰影呢？下面來詳細講解。

首先，為了實現陰影效果，需要使用CSS3的box-shadow屬性。具體語法如下：

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

其中，各個參數的含義如下：

• h-shadow: 必須指定的參數，表示陰影的水平偏移量（可以為負值）。
• v-shadow: 必須指定的參數，表示陰影的垂直偏移量（也可以為負值）。
• blur: 可選參數，表示陰影的模糊程度。默認值為0。
• spread: 可選參數，表示陰影的擴展大小。
• color: 可選參數，表示陰影的顏色。
• inset: 可選參數，表示陰影是否為內陰影（默認為外陰影）。

下面是一個具體的例子：

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

這個例子表示一個偏移到右下方10像素、下方10像素、模糊程度為5像素、顏色為#888888的外陰影。

如果想要添加多個陰影，只需要在box-shadow屬性中使用逗號分隔：

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

這個例子表示在原有的陰影基礎上，又添加了一個水平偏移量、垂直偏移量均為負數的陰影。

除了常規的外陰影，CSS3還支持內陰影。需要在box-shadow屬性中添加一個inset參數即可：

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

最后需要提醒的是，如果要實現兼容性更好的陰影效果，可以使用類似以下的代碼：

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

這樣可以保證在各種瀏覽器中都能正常顯示。