CSS 圖片陰影是一個常見的效果，它可以使圖片更加突出。而要實現(xiàn)這個效果，就需要使用 CSS 的陰影設(shè)置。

陰影設(shè)置有多個屬性，如下所示：

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

其中，h-shadow 和 v-shadow 分別表示橫向和縱向的陰影偏移量；blur 表示陰影模糊程度；spread 表示陰影擴散程度；color 表示陰影顏色；inset 表示陰影方向。

如果要添加陰影到圖片上，我們可以先給圖片添加一個 class 名稱，然后在 CSS 中為這個類添加陰影效果，代碼如下：

<img src="example.jpg" class="shadow" />
.shadow {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

這樣，圖片就會被添加上一個黑色的陰影效果。如果想要修改陰影的顏色、大小或者方向等變量，只需要修改相應(yīng)的屬性即可。

除了 box-shadow 屬性外，CSS 還提供了 text-shadow 和 drop-shadow 等屬性，它們分別可以為文字和元素添加陰影效果。在實際開發(fā)中，我們可以根據(jù)需求選擇不同的屬性來實現(xiàn)不同的效果。