CSS是前端常用的樣式語言之一，它不僅可以用來控制文本、布局、色彩，還可以操作圖片，實現各種特效。

我們今天要討論的是CSS可以實現的黑白灰效果。

img {
filter: grayscale(100%);
}

這個代碼的意思是將圖片變成100%的灰度，也就是黑白照片的效果。

你也可以改變灰度的百分比，讓圖片呈現出不同的灰度程度。

img {
filter: grayscale(50%);
}

經過這個改變后，圖片的灰度降到50%，看起來會比100%的時候稍微亮些。

此外，你也可以在鼠標懸浮在圖片上的時候，將圖片恢復到彩色。

img:hover {
filter: none;
}

這段代碼的作用是當鼠標懸浮在圖片上時，將圖片的CSS過濾器去掉，便可以恢復彩色。

最后提醒大家，在使用CSS圖片變黑白時，為了讓頁面正常加載，請確保你所用的過濾器具有跨瀏覽器的兼容性。