CSS3是最新的CSS標準，其中包含了許多有趣的特性。其中之一就是添加陰影效果。使用CSS3給元素添加陰影，不僅能讓頁面更加立體，還能提高元素的視覺效果。

.box {
box-shadow: 5px 5px 5px #ccc;
}

在上面的代碼中，我們通過box-shadow屬性向.box元素添加了陰影效果。屬性值包含四個參數，分別是水平偏移量、垂直偏移量、模糊半徑和顏色。其中，水平偏移量和垂直偏移量控制了陰影的位置，模糊半徑控制了陰影的模糊程度，顏色則控制了陰影的顏色。

除了基本屬性之外，我們還可以將陰影分成內部陰影和外部陰影。內部陰影是指陰影在元素內部產生，而外部陰影則是指陰影在元素外部產生。我們可以使用inset關鍵字來控制陰影的類型。

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

上面的代碼中，我們向.box元素添加了一個內部陰影。同時，我們還可以對同一個元素添加多個陰影。使用逗號分隔即可。

.box {
box-shadow: 5px 5px 5px #ccc, -5px -5px 5px #999;
}

上面的代碼中，我們向.box元素添加了兩個陰影效果。一個是右下方向的灰色陰影，一個是左上方向的深色陰影。

總之，CSS3的陰影效果可以輕松地為元素增加立體感和視覺效果。掌握這一技巧，可以在網頁設計中有更多的發揮余地。