CSS濾鏡可以在網站設計中起到一定的裝飾效果，其中一個常見的應用就是將圖片變成黑白效果，下面就詳細介紹一下如何使用CSS濾鏡來實現這個效果。

img {
filter: grayscale(100%);
/*其中grayscale是CSS3中的濾鏡函數之一，0表示原圖，100%表示完全變成灰色圖片*/
}

通過以上代碼，我們就可以將一張彩色的圖片變成黑白效果，看起來更加復古和高端。而且只需要一個簡單的CSS屬性就可以完成，非常簡單方便。

除了使用grayscale屬性外，我們還可以使用其他的濾鏡屬性來實現不同的效果。比如brightness屬性可以調整圖片亮度，sepia屬性可以讓圖片變成復古的人像色調等等，可以根據自己的需求進行選擇。

img {
filter: brightness(50%);
/*將圖片亮度降低50%*/
}

總的來說，使用CSS濾鏡來實現黑白效果非常簡單，而且還可以繼續擴展拓展其他的效果，讓網站設計更加豐富多彩。