在網頁設計中，添加一些視覺反饋能夠提升用戶體驗。添加陰影是一種常見的方式，不僅使圖片更加生動，也使頁面更加有層次感。在CSS中，我們可以使用一些屬性來實現圖片的陰影效果。 要添加陰影，我們可以使用CSS的box-shadow屬性。下面是一個基本的示例代碼：

img {
box-shadow: 2px 2px 4px #888888;
}

在這個示例中，我們給所有的img標簽添加了一個陰影屬性。這個屬性有四個值：水平偏移量、垂直偏移量、模糊半徑和顏色。 第一個值是水平偏移量，它指定陰影距離圖片右邊緣的像素數。第二個值是垂直偏移量，它指定陰影距離圖片底部的像素數。第三個值是模糊半徑，它指定陰影的模糊程度，值越大越模糊。最后一個值是顏色，它指定陰影的顏色。 如果我們只想添加單個方向的陰影，可以省略其中的一個值。例如：

img {
box-shadow: 0 8px 8px -6px #888888;
}

在這個示例中，我們只給圖片添加了下方的陰影，而沒有添加左右方向的陰影。注意，這里的模糊半徑是負數，這會讓陰影的邊緣更加明顯。 如果我們想在多個方向上添加陰影，可以用逗號分隔多個屬性值。例如：

img {
box-shadow: 0px 0px 12px -6px #888888, 0px 2px 4px -2px #dddddd;
}

在這個示例中，我們在上下兩個方向添加了兩個不同程度的陰影。注意到這里我們用逗號分隔了兩個box-shadow屬性。 總的來說，通過使用CSS的box-shadow屬性，我們可以很容易地給圖片添加陰影效果，從而增強頁面的表現力和用戶體驗。