在某些情況下，例如為了表達哀悼或紀念， 許多網站會將頁面顏色從彩色調整為黑白灰色。我到網上查找答案，發現有些是通過javascript或jQuery實現的，我試了一下居然無效。
后來找到一個方法，是僅用一行CSS代碼就能搞定的，只要對body使用濾鏡filter: grayscale(100%);
完整代碼如下：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>黑白灰度頁面</title><style type="text/css">body{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%); /*濾鏡屬性*/}h2{color:red}</style></head><body><h2>測試文本</h2><img src="./img/test.jpg" alt="彩色圖片"></body>
</html>
