CSS 圖片加陰影效果是一種常見的網頁設計方法，通過使用 CSS 的 box-shadow 屬性可以輕松地實現這一效果。

img{
box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
}

在上述代碼中，box-shadow 屬性設置了四個參數，分別是 X 偏移量、Y 偏移量、模糊半徑和陰影顏色。X 和 Y 偏移量指的是陰影相對于圖片的偏移距離，正值表示陰影向右或向下偏移，負值則表示陰影向左或向上偏移。模糊半徑越大，陰影越模糊；陰影顏色可以使用 RGB 或 RGBA 值定義，其中最后一個參數是陰影的透明度。

如果需要添加多重陰影效果，可以在 box-shadow 屬性中添加多個參數：

img{
box-shadow: 
2px 2px 4px rgba(0,0,0,0.4), 
-2px -2px 4px rgba(0,0,0,0.4);
}

在上述代碼中，我們添加了兩個陰影，分別向右下和左上偏移。如果需要更多的陰影層，只需要在 box-shadow 屬性中添加更多的參數即可。

在實際應用中，我們可以使用偽類選擇器為圖片添加懸浮陰影效果，使得當鼠標懸浮在圖片上時，陰影效果會更加明顯。下面是一個示例代碼：

img{
box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
transition: all 0.3s ease-in-out;
}
img:hover{
box-shadow: 4px 4px 8px rgba(0,0,0,0.6);
}

在上述代碼中，我們為圖片設置了一個過渡效果，讓陰影漸變出現，當鼠標懸浮在圖片上時，陰影會變得更加明顯。

使用 CSS 實現圖片陰影效果是網頁設計中非常實用的一種技巧，可以為網頁增添一份美感和層次感。希望今天的文章對大家有所幫助！