使用CSS樣式將圖片變成灰色的效果非常簡單，只需要添加一個灰度濾鏡即可。以下是可以實(shí)現(xiàn)這一效果的CSS代碼：

img {
filter: grayscale(100%);
}

首先，我們選擇所有的img元素并將它們賦予filter屬性。然后，我們使用grayscale函數(shù)將灰度濾鏡應(yīng)用到圖像上。

html
<p>下面是一張彩色圖片：</p>
<p>現(xiàn)在，利用CSS樣式，我們可以將這張圖片變成黑白圖像：</p>
<pre>
img {
filter: grayscale(100%);
}

這樣，圖片就變成了灰度圖像。如果要恢復(fù)原來的彩色圖像，只需要將filter屬性設(shè)置為none即可。
需要注意的是，灰度濾鏡只適用于像素級轉(zhuǎn)換，而不會對HTML文本進(jìn)行任何處理。如果需要對文本元素應(yīng)用灰度濾鏡，需要對文本的父元素應(yīng)用相應(yīng)的CSS樣式。