CSS可以在圖片上添加陰影效果，為圖片增添立體感，讓頁面更加美觀。下面我們就來了解一下怎么在圖片上添加陰影吧！

img {
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2);
}

上面的CSS代碼就是為圖片添加陰影效果的代碼。其中，box-shadow是CSS3的屬性，用于在元素周圍添加陰影。它包含四個屬性值：

• 第一個屬性值：水平偏移量，即陰影在x軸上的偏移距離。
• 第二個屬性值：垂直偏移量，即陰影在y軸上的偏移距離。
• 第三個屬性值：模糊半徑，即陰影的模糊程度。
• 第四個屬性值：陰影大小，即陰影的大小。

其中，前兩個屬性值為必需的，后兩個屬性值可選。第一個屬性值和第二個屬性值可以是負值，表示陰影在元素上方的偏移距離。

另外，box-shadow屬性的最后一個屬性值必須指定陰影的顏色。該值可以是CSS顏色值、帶有alpha通道的RGBA顏色值或帶有alpha通道的HSLA顏色值。

最后，需要注意的是，使用box-shadow屬性給圖片添加陰影會增加頁面的加載時間，建議慎用。