CSS是一種廣泛使用的設計風格，使用它能夠改變網頁的外觀以及用戶體驗。在制作網頁時，我們可能需要把圖片變成灰色，這里我們就為大家介紹如何使用CSS將圖片變成灰色。

img {
filter: grayscale(100%);
}

上面這段代碼使用了CSS3中的濾鏡效果，其中的grayscale(100%)可以把圖片的顏色全部轉換為灰色。如果你想讓圖片轉換為其它顏色，則可以在后面加一個參數，如grayscale(50%)則把圖片變成了50%灰色。

代碼中我們使用了img標簽的選擇器，當CSS找到這個標記時，就會應用上面的樣式到該圖片上。如果你想指定到某個具體的圖片，可以為該圖片設置一個類或者ID，并在CSS中指定該類或ID。

CSS的濾鏡效果功能是非常強大的，可以實現很多特效，有興趣的朋友可以查閱相關文檔學習更多。