在網(wǎng)頁設(shè)計(jì)中，常常需要對(duì)圖片進(jìn)行美化處理，例如為圖片添加陰影效果。在CSS中，可以使用box-shadow屬性為圖片添加陰影效果，實(shí)現(xiàn)圖片按壓時(shí)的陰影效果。

.img {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
transition: all 0.3s ease;
}
.img:hover {
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.8);
}

上述代碼中，我們先定義了.img類的box-shadow屬性，設(shè)置了2px的水平偏移量、 2px的垂直偏移量、 5px的模糊半徑和0.5的透明度。同時(shí)，我們也為圖片定義了一個(gè)緩動(dòng)效果。

在圖片被按壓時(shí)，我們使用:hover選擇器重新定義了.img類的box-shadow屬性，更改了水平偏移量、垂直偏移量、模糊半徑和透明度，實(shí)現(xiàn)了按壓時(shí)的陰影效果。

通過使用box-shadow屬性，我們可以輕松為網(wǎng)頁中的圖片添加陰影效果，讓頁面更加美觀和引人注目。