CSS可以通過一些簡單的代碼來生成精美的網頁樣式，包括將圖片變成黑白色調。在這篇文章中，我們將介紹如何利用CSS實現這一特效。

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

上述代碼可以在頁面中嵌入CSS中來實現將圖片變成黑白色調的效果。其中，關鍵在于filter屬性，通過將其值設為grayscale(100%)即可將圖片變得黑白。

此外，為了增強代碼的兼容性，我們需要加入一些瀏覽器廠商前綴，如-webkit-、-moz-等等。

完成上述步驟后，我們的頁面中的圖片就會變成黑白色調，給用戶一種獨特的視覺體驗。但是需要注意的是，使用CSS實現這一特效可能會引起網頁加載速度緩慢的問題，因此需要根據頁面需要加以使用。