CSS 是網頁設計中非常重要的一部分，圖片陰影就是 CSS 中的一種效果。圖片陰影可以讓圖片變得更加立體，給網頁設計增加了更多的美感。如何在 CSS 中實現圖片陰影呢？下面通過一些 pre 標簽的代碼來演示。 首先，我們需要給圖片添加一個 class，代碼如下：

<img class="shadow" src="example.jpg" alt="example">

接下來，我們需要在 CSS 中添加我們要使用的圖片陰影。在這里，我們使用的陰影是 Box-shadow。代碼如下所示：

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

Box-shadow 有四個參數，分別是： 1. 水平偏移量（X 軸方向）； 2. 垂直偏移量（Y 軸方向）； 3. 陰影半徑； 4. 陰影顏色（可以使用 rgba() 來控制透明度）。 所以，上面的代碼的意思是：給 class 為 “shadow” 的圖片添加一個水平偏移量為 2px，垂直偏移量為 2px，陰影半徑為 8px，顏色為黑色且透明度為 0.3 的陰影。 除了 Box-shadow，還有其他的 CSS 屬性可以讓圖片有陰影效果，例如 Text-shadow。使用方式相似。不過需要注意，陰影效果可能會影響網頁的加載速度，所以不要在一個頁面添加太多的陰影效果。 總之，CSS 的圖片陰影效果讓網頁設計更加立體和美觀。在實現時，需要根據需求和網站的整體風格進行調整。希望這篇文章可以幫助到您！