CSS中的上面陰影是一種很常用的效果，可以讓頁面元素看起來更具有層次感，更加美觀。下面我們來學習如何使用CSS實現上面陰影。

/* CSS代碼實現 */
.shadow {
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
}

可以看到，實現上面陰影的核心代碼就是box-shadow屬性。在這個屬性中，第一個參數設置的是陰影的水平偏移量，第二個參數設置的是陰影的垂直偏移量，第三個參數設置的是陰影的模糊半徑，第四個參數設置的是陰影的顏色和透明度。

在上面的代碼中，陰影的水平偏移量為0，垂直偏移量為-2px，模糊半徑為10px，顏色為rgba(0, 0, 0, 0.3)。可以根據自己的需求來設置這幾個參數。

如果需要在元素中同時使用上下陰影，可以使用下面這段代碼：

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

在以上代碼中，必須使用逗號分隔多個陰影參數。第一組參數是上面陰影的參數，第二組參數是下面陰影的參數。

最后需要注意的是，box-shadow是CSS3新增的屬性，不兼容IE9及以下的瀏覽器。如果需要在舊版瀏覽器中使用上面陰影效果，可以使用filter: dropshadow屬性。