小程序中的CSS陰影可以為頁面元素增加層次感，也可以起到裝飾作用。下面我們來詳細講解小程序中如何使用CSS添加陰影效果。

.shadow {
box-shadow: 0 0 10px #999;
}

如上所示，我們定義了一個名為“shadow”的CSS class，使用了box-shadow屬性為元素添加陰影。其中，box-shadow屬性包含四個屬性值，分別為：陰影橫向偏移量、陰影縱向偏移量、陰影模糊半徑和陰影顏色。通過調整這四個屬性的值，可以得到不同形式和大小的陰影效果。

.shadow-hover:hover {
box-shadow: 0 0 10px #999;
transition: box-shadow 0.3s ease-in-out;
}

除了使用靜態CSS類添加陰影效果之外，還可以使用:hover選擇器在元素鼠標懸浮時添加陰影。示例代碼如上所示，使用了:hover選擇器和transition屬性，使元素在鼠標懸浮時增加了陰影效果，且動態轉換時具有平滑過渡的效果。

綜上所述，CSS陰影是小程序中一個非常實用的效果。通過掌握box-shadow屬性和:hover選擇器的使用方法，可以為頁面元素增添新的層次感和裝飾效果。