CSS（層疊樣式表）是一種用于修飾網頁內容樣式的語言，它可以為網頁添加各種視覺效果。其中，引用PNG（可移植網絡圖形格式）圖片是在CSS中非常常見的一種應用場景。下面，我們來介紹一下在CSS中如何引用PNG圖片。

/* 在CSS中引用PNG圖片 */
.background-image {
/* 使用url()函數引用PNG圖片 */
background-image: url('image.png');
/* 如果需要給圖片設置背景色，則可以使用以下語句 */
background-color: #fffff;
/* 如果希望圖片重復鋪滿，可以使用以下語句 */
background-repeat: repeat;
/* 如果希望圖片居中對齊，則可以使用以下語句 */
background-position: center center;
}

上述代碼通過CSS的background-image屬性使用了url()函數引用了名為image.png的PNG圖片。同時，我們可以看到其他屬性也能夠影響到PNG圖片的呈現效果。例如，background-color可以為 PNG 圖片設置背景色，background-repeat可以控制圖片是否重復鋪滿，background-position則可以讓圖片在背景中居中對齊。

總之，在CSS中使用PNG圖片非常簡單。只需要借助url()函數，并結合其他樣式屬性來修飾圖片的呈現效果即可。這種方法不僅簡單方便，而且還能夠為網頁注入更加美觀的視覺效果。