在網頁設計中，添加圖片是一個很重要的環節。而PNG格式的圖片因其透明度高、色彩表現好等特點，也是網頁設計中經常使用的一種圖片格式。那么，我們該如何使用CSS來添加PNG圖片呢？

//CSS代碼格式如下：
選擇器 {
屬性: 值;
}

CSS添加PNG圖片的主要方式是使用background-image屬性。

//CSS代碼示例：
.selector {
background-image: url("圖片的路徑");
}

上面代碼中，選擇器請選擇你需要添加背景圖片的標簽，例如div、section、header等。在url()中，填寫PNG圖片的相對路徑或絕對路徑，以“/”或“../”開頭以表示該圖片在網頁根目錄下或網頁父級目錄下。

另外，需要注意的是，添加圖片的元素需要預設寬度和高度，否則圖片可能無法按照原始比例顯示。同時，如果需要添加透明背景的PNG圖片，還需要使用“background-color: transparent;”屬性來設置透明背景。

總之，使用CSS添加PNG圖片是一件簡單而又必要的事情，掌握了這個技巧，網頁設計也會變得更加美觀與實用。