加陰影效果是美化圖片的一個(gè)好方法，而加陰影也經(jīng)常被應(yīng)用在網(wǎng)頁設(shè)計(jì)中。在CSS中，我們可以使用box-shadow屬性來給圖片提供陰影。 首先，要給圖片添加一個(gè)類名，比如說“shadowImg”。

首先，要給圖片添加一個(gè)類名，比如說“shadowImg”。

.shadowImg {
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}

接下來解釋一下這段CSS代碼的含義：box-shadow屬性包含四個(gè)數(shù)值，分別表示水平偏移量、垂直偏移量、模糊距離和陰影尺寸。第一個(gè)值2px表示陰影的水平偏移量，第二個(gè)值2px表示陰影的垂直偏移量，第三個(gè)值5px表示模糊距離，第四個(gè)值0px表示陰影的大小。 最后的rgba(0,0,0,0.75)是陰影的顏色，使用RGBA來定義陰影顏色，可以控制陰影的透明度，從而調(diào)整陰影的濃淡。

最后，把這個(gè)類名添加到圖片標(biāo)簽中，就可以看到圖片下方的陰影效果了。