使用CSS添加陰影效果是許多網頁設計師非常喜歡的一種技巧。在使用CSS的box-shadow屬性時，可以通過簡單的代碼實現復雜的效果。 下面是CSS添加陰影效果的示例代碼： ```CSS /* 為圖片添加陰影效果 */ img { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); } ``` 以上代碼塊中，我們通過為img標簽添加box-shadow屬性來為圖片添加陰影效果。具體來說，box-shadow屬性包含四個值，依次為： 1. 陰影偏移量x：設置水平方向偏移距離（正值向右偏移，負值向左偏移）； 2. 陰影偏移量y：設置垂直方向偏移距離（正值向下偏移，負值向上偏移）； 3. 陰影模糊半徑：設置模糊程度，值越大，陰影越模糊。 4. 陰影顏色：可以是一個顏色值或者顏色值與透明度的組合，使用CSS的 rgba() 函數實現。 值得注意的是，我們可以使用多個陰影效果實現更加復雜的效果，如下所示： ```CSS /* 為圖片添加多重陰影 */ img { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5), -2px -2px 5px rgba(255, 255, 255, 0.5); } ``` 在以上代碼塊中，我們針對img標簽添加了兩個不同顏色、不同方向、不同半徑的陰影效果。 綜上所述，通過使用CSS的box-shadow屬性，為圖片添加陰影效果是一項簡單又實用的技術。我們只需要設置好陰影的偏移量、模糊半徑、顏色值即可輕松實現想要的效果。