CSS是一種用來為網頁添加樣式和布局的語言，在添加樣式時，有時候需要使用陰影效果來使頁面元素更加立體、動態。其中，給PNG圖片加陰影是一個常見的需求。下面，我們來學習如何使用CSS給PNG圖片添加陰影效果。

/* 給PNG圖片添加陰影效果 */
img {
box-shadow: 2px 2px 2px #ccc;
}

上面的代碼表示給所有img標簽添加陰影效果，陰影顏色為灰色，陰影大小為2px。

其中，box-shadow是CSS的一個屬性，用來為元素添加陰影效果。它有四個參數：

第一個參數：陰影水平方向的偏移量，為負值向左偏移，為正值向右偏移；

第二個參數：陰影垂直方向的偏移量，為負值向上偏移，為正值向下偏移；

第三個參數：陰影的模糊半徑，數值越大，陰影越模糊，數值為0時，陰影邊緣是銳利的；

第四個參數：陰影的顏色，支持各種顏色值。

除了給所有的圖片添加陰影效果外，我們也可以為不同的圖片添加不同的陰影效果，只需要指定對應的class或id即可。

/* 給特定ID的PNG圖片添加陰影效果 */
#my-image {
box-shadow: 3px 3px 3px #000;
}
/* 給特定class的PNG圖片添加陰影效果 */
.shadow-image {
box-shadow: 2px 2px 2px #333;
}

通過添加陰影效果，可以使網頁中的圖片元素更加立體、生動，提高用戶的閱讀體驗。同時，CSS的box-shadow屬性還支持多種陰影效果的組合，使得頁面的設計更加靈活多變。