CSS是網頁設計中重要的一環，它可以控制頁面上所有元素的樣式和布局。使用CSS還可以讓PNG圖片變色，讓頁面更具有吸引力。

要讓PNG圖片變色，首先需要通過CSS將圖片引入到頁面中。可以使用以下代碼：

<style>
.image{
background-image: url('example.png');
height: 200px;  /*圖片高度*/
width: 200px;  /*圖片寬度*/
}
</style>
<div class="image"></div>

上述代碼將一張名為example.png的圖片作為背景圖片，設置了圖片的高度和寬度，然后將其放置在一個類名為image的div容器中。

接下來，就可以開始設置PNG圖片的顏色。首先先將PNG圖片轉為黑白色，使用以下代碼：

.image{
filter: grayscale(100%);
}

上述代碼中，filter屬性指定了grayscale值為100%，意味著圖片變為全黑色，實現黑白效果。接著，設置PNG圖片的顏色，可以使用以下代碼：

.image:hover{
filter: hue-rotate(90deg);
}

上述代碼中，hover選擇器將會在鼠標懸浮在圖片上時才會生效。filter屬性指定了hue-rotate值為90deg，表示將圖片的顏色旋轉90度，實現彩色效果。

綜上所述，可以通過CSS讓PNG圖片變色，讓頁面更加生動有趣。