CSS提供了豐富的樣式效果，其中陰影效果是很常用也很實用的一種。通過CSS，我們可以輕松地為任何HTML元素添加陰影效果，豐富頁面表現力。

要為元素添加陰影效果，我們需要使用CSS的box-shadow屬性。該屬性的具體用法如下：

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

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

• h-shadow：水平方向的陰影偏移量，可以是正數（向右）或負數（向左）。
• v-shadow：垂直方向的陰影偏移量，可以是正數（向下）或負數（向上）。
• blur：陰影的模糊程度，值越大就越模糊。
• spread：陰影的擴展程度，值越大就越擴散。
• color：陰影的顏色，可以是關鍵字、十六進制或RGB值。
• inset：可選參數，如果設置為inset，陰影將在元素內部顯示。

例如，以下CSS代碼為一個按鈕添加了灰色陰影效果：

button {
box-shadow: 2px 2px 4px 0px #999;
}

運行效果如下圖所示：

通過CSS的box-shadow屬性，我們可以輕松地為頁面元素添加陰影效果，讓頁面更加美觀。