CSS是一種非常強(qiáng)大的樣式表語(yǔ)言，它可以為網(wǎng)頁(yè)中的各種元素添加各種效果。其中，CSS可以實(shí)現(xiàn)將圖片變?yōu)楹诎椎男Ч＝裉煳覀兙蛠?lái)學(xué)習(xí)一下如何使用CSS將照片變成黑白色。

/* 將圖片變黑白 */
.black-white {
filter: grayscale(100%);
}

上面的代碼就是將圖片變?yōu)楹诎椎膶?shí)現(xiàn)代碼。我們可以在CSS中給圖片添加一個(gè)類名，比如"black-white"，然后設(shè)置"filter: grayscale(100%)"屬性，即可將圖片變成黑白顏色。

當(dāng)然，我們也可以通過(guò)在HTML中直接給圖片添加樣式來(lái)實(shí)現(xiàn)相同的效果。如下所示：

在這里，我們用了一個(gè)名為“filter”的CSS屬性。它允許您為任何元素添加各種效果。在上面的代碼中我們?cè)O(shè)置了"grayscale(100%)"的屬性，這會(huì)將圖像灰度化，并完全把它變成黑白色。

總的來(lái)說(shuō)，CSS非常的強(qiáng)大和有用。像這個(gè)例子一樣，她能夠做出許多我們意想不到的效果。希望大家能夠努力學(xué)習(xí)并靈活使用，創(chuàng)作出美麗的網(wǎng)頁(yè)。