CSS（層疊樣式表）是一種用于定義 HTML（超文本標記語言）文檔呈現樣式的語言。通過使用 CSS，您可以將字體、顏色、文本大小以及其他方面的呈現樣式應用于 HTML 中的元素。今天我們將學習如何使用 CSS 將頁面變成灰色。

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

上面的代碼使用 CSS 的 filter 屬性，將頁面全部元素變成灰色。其中，grayscale 的值為 100%，表示所有顏色都變成灰色。同時，為了讓不同瀏覽器都適用該樣式，我們還為 webkit 瀏覽器增加了 -webkit-filter 樣式。此外，我們將樣式應用到了 body 標簽，從而實現了整個頁面的灰化。

如果您只想將頁面部分元素變成灰色，可以選擇性地應用樣式。如下所示：

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

上面的代碼將頁面中所有段落元素（即 p 標簽）變成灰色。同樣，也為 webkit 瀏覽器做了適配。

總之，CSS 是一個非常強大的呈現樣式語言，我們可以使用它來控制頁面的樣式效果。以上就是如何使用 CSS 將頁面變成灰色的簡單示例，希望能對您的開發工作有所幫助。