CSS是一種網(wǎng)頁樣式設(shè)計(jì)語言，它可以幫助我們將網(wǎng)頁變得更加美觀和易于閱讀。其中，將圖片變成灰色是一種比較常見的效果，可以通過CSS來實(shí)現(xiàn)。

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

以上代碼即可實(shí)現(xiàn)將圖片變成灰色的效果。其中，grayscale()函數(shù)可以接收一個參數(shù)，表示圖片的灰度等級。參數(shù)范圍在0%到100%之間，0%表示原圖，100%表示完全灰度。

需要注意的是，CSS的filter屬性不是所有瀏覽器都支持，因此要使用兼容性寫法來保證效果的兼容性。

除了灰色效果，CSS還可以實(shí)現(xiàn)其它有趣的圖片效果。開發(fā)者可以進(jìn)一步學(xué)習(xí)此類技巧，并加以運(yùn)用，讓自己的網(wǎng)頁更加出彩。