CSS可以實現很多有趣的效果，其中一種就是將圖片變成灰色。這種效果很好地適用于一些需要強調某些元素的時候。下面將介紹如何使用CSS來實現這種效果。

img {
/* 將圖片變成灰色 */
filter: grayscale(100%);
}

上述代碼中， filter屬性 是用來實現這種效果的。其中 grayscale()函數用來設置灰度值，可以設置為0%到100%。我們將此值設置為100%，就可以實現將圖片完全變成灰色。

當然，這個效果也可以用其他方式實現，如：

img {
/* 將圖片變成灰色 */
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

這段代碼中，我們使用了 -webkit-filter屬性 ，可以讓這個效果在一些老版的瀏覽器上運行。

最后，我們需要注意的是，使用filter可能會導致性能問題，因此在使用的時候需要注意圖片的大小以及數量，以避免對網頁的性能產生不必要的影響。