在網頁設計中，我們常常需要對網頁樣式進行調整。今天我們要介紹的是如何利用 CSS 技術將整個網頁變灰。

body {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}

要實現整個網頁變灰，我們需要使用 filter 屬性和 grayscale() 函數。這兩個屬性是 CSS3 中的新特性，允許我們對元素進行視覺效果的處理。

我們可以將 filter 屬性應用到 body 元素，讓整個頁面都被處理。grayscale() 函數可以使圖像或元素變成灰色。在這里，我們將其值設置為 100%，即完全變成灰色。

為了保證兼容性，我們還需要添加 -webkit- 前綴。當然，現在大部分瀏覽器已經支持 filter 屬性和 grayscale() 函數了。

通過這種方法，我們可以實現一些有趣的效果。例如，可以將整個網頁變灰來表示網站正在維護中或者是進行節日主題的特殊呈現。

需要提醒的是，雖然變灰效果可以讓網頁看起來更加有趣，但是這種效果會降低用戶體驗，因此不要隨意使用，還需要根據實際情況來選擇使用與否。