CSS中的圖片加陰影是為了讓圖片更加的突出，使圖片看起來更加的美觀，在設計網站時經常使用到這種技巧。 要給圖片添加陰影效果，在CSS中我們可以使用box-shadow屬性。box-shadow 屬性有以下幾種用法： 1. box-shadow: h-shadow v-shadow blur spread color; 2. box-shadow: inset h-shadow v-shadow blur spread color; 其中h-shadow是水平陰影的位置，v-shadow是垂直陰影的位置，blur是模糊距離，spread是陰影擴散的距離，color是陰影的顏色。 例如要給圖片添加一個黑色陰影，代碼如下：

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

其中2px是水平和垂直陰影的位置，4px是陰影模糊距離，2px是陰影擴散的距離，rgba(0, 0, 0, 0.3)是陰影顏色和透明度。這個屬性可以修改，使陰影變得更大或更小，陰影的顏色和透明度也可以根據需要進行調整。 如果需要給圖片添加內陰影效果，可以在box-shadow屬性前加上inset關鍵字，實例如下：

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

這樣就可以給圖片添加上內陰影效果了。 總之，使用box-shadow屬性給圖片添加陰影是非常簡單的，只需要一些時間和創造力即可讓你的網站更加美觀，更加有吸引力。