CSS是一種用于網頁設計的語言，其中很重要的一部分就是對圖片的處理。在很多情況下，我們需要對圖片進行一些特殊的處理，比如將彩色圖片轉換為黑白色調。那么，如何使用CSS將圖片轉換為黑白呢？

.black-and-white{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

首先，我們可以使用CSS的濾鏡（Filter）屬性來實現圖片的黑白效果。CSS中的濾鏡屬性允許我們在視覺呈現中應用各種視覺效果，比如模糊、色彩抖動以及改變亮度等等。

在本例中，我們使用“grayscale”濾鏡屬性來將彩色圖片轉換為黑白，其中“100%”的值表示轉換為完全黑白的效果。

<img src="example.jpg" alt="Example" class="black-and-white">

最后，我們可以使用HTML元素將圖片添加到網頁上。注意，我們需要在添加圖片的標簽中添加一個class屬性，以便在CSS中引用。

總的來說，使用CSS將彩色圖片轉換為黑白非常簡單，只需要幾行代碼即可實現。如果你有需要，不妨試一試這個效果，給你的網頁增添一份特殊的視覺效果。