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

img {
filter: grayscale(100%);
}

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

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

CSS的濾鏡效果功能是非常強大的，可以實現(xiàn)很多特效，有興趣的朋友可以查閱相關(guān)文檔學(xué)習(xí)更多。