CSS可以實現(xiàn)將彩色圖片變成黑白圖片的效果，讓圖片更具有藝術(shù)性和時尚感。下面我們來看一下具體實現(xiàn)方法：

img {
filter: grayscale(100%);
/*兼容性*/
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
}

我們首先使用filter屬性，這是CSS3中新增的屬性，可以讓我們對元素進行一些特殊的處理，比如高斯模糊、飽和度、對比度、色相等效果，當(dāng)然也包括我們需要的黑白濾鏡。

在這里，我們將filter的值設(shè)置為100%，這樣能夠使圖像完全置灰，從而實現(xiàn)黑白濾鏡的效果。

值得注意的是，不同瀏覽器的兼容性不一樣，特別是IE瀏覽器的兼容性較差。我們需要加上前綴，以防止在不同瀏覽器上出現(xiàn)問題。

這是一個簡單而有效的CSS技巧，幫助我們輕松達(dá)到想要的效果。我們可以在網(wǎng)頁中使用這個技巧來讓圖片更加有藝術(shù)性和時尚感。