CSS是一門用于美化網頁的語言，其中涉及到一種常見技術：圖片黑色變白色。這種效果通常用于網站的hover狀態，以顯示更加動態和有趣的頁面效果。在CSS中，可以使用一種叫做“濾鏡（filter）”的屬性，將圖片的顏色進行調整。

img:hover {
filter: grayscale(100%);
}

如上述代碼所示，該CSS代碼會使圖片在hover狀態下轉為黑白效果。其中，grayscale()函數是CSS3的特性，參數表示圖片色彩灰度的比例，100%表示完全轉換成黑白，0%則表示保留原有的顏色。

不僅如此，CSS還可以進一步修改圖片的亮度，對比度和飽和度等屬性，創造出更加多樣化的網頁效果，提高網站的觀賞性。

總之，掌握CSS中的濾鏡技術是打造網頁效果的關鍵技巧之一。我們可以根據具體的需求，靈活運用濾鏡，創造出更加獨特的頁面效果。