在網頁設計中，加入陰影效果可以讓圖片看起來更加立體且生動，從而增強網頁的美感。在 CSS 樣式表中，我們可以使用 box-shadow 屬性來為圖片添加陰影效果。 首先，在 HTML 文件中，通過標簽來插入一個圖片。然后，在 CSS 樣式表中添加樣式：

p {
text-align: center;
}
img {
box-shadow: 5px 5px 5px #888888;
}

以上代碼中，我們設置了 p 標簽的文本居中對齊。我們為 img 標簽添加了 box-shadow 屬性，其中，“5px 5px” 分別表示陰影的水平和垂直方向偏移量，也就是陰影的位置；“5px” 表示陰影的模糊半徑，如果設置成 0，就是一個硬邊緣的陰影；最后的 “#888888” 表示陰影的顏色值。 在上述例子中，我們給圖片添加了一個 5 像素偏移，5 像素的模糊效果的灰色陰影。如果我們想要添加更多的陰影，可以使用逗號分隔來添加多個陰影，例如：

img {
box-shadow: 5px 5px 5px #888888, -5px -5px 5px #888888;
}

以上代碼會給圖片添加兩個陰影效果，一個向右下角偏移，一個向左上角偏移。這樣可以讓圖片看起來更加立體、生動。當然，我們也可以調整陰影的顏色、偏移量和模糊半徑的值，來達到不同的陰影效果。 總之，使用 CSS 樣式表中的 box-shadow 屬性，可以為圖片添加陰影效果，從而增強網頁的美感。同時，不同的陰影效果也可以通過調整偏移、模糊半徑和顏色等屬性值來實現。