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 将页面变成灰色的简单示例，希望能对您的开发工作有所帮助。