CSS是一種常用的前端樣式語言，它可以實(shí)現(xiàn)諸如布局、字體、顏色、動(dòng)畫等多種效果。今天，我們來探討如何使用CSS將彩色圖片轉(zhuǎn)化為黑白圖片。

img {
filter: grayscale(100%);
}

以上代碼即可將圖片變?yōu)楹诎仔Чilter是CSS3屬性，用來給元素添加各種效果，grayscale()函數(shù)可以將圖片轉(zhuǎn)化為灰度圖像，參數(shù)100%表示完全轉(zhuǎn)化為灰色。

此外，我們還可以使用CSS3的濾鏡效果來調(diào)整圖片的亮度、對(duì)比度等屬性，以達(dá)到更好的效果。以下是一些示例代碼：

/* 降低亮度 */
img {
filter: brightness(80%);
}
/* 提升對(duì)比度 */
img {
filter: contrast(150%);
}
/* 懷舊效果 */
img {
filter: sepia(100%);
}
/* 反轉(zhuǎn)顏色 */
img {
filter: invert(100%);
}

以上是CSS實(shí)現(xiàn)黑白圖片的方法，可以通過這些簡單的代碼實(shí)現(xiàn)彩色圖片的轉(zhuǎn)化，增加圖片的藝術(shù)感。