🎨 在设计网站时，有时我们希望在特定情况下（如纪念逝者或特殊事件）将整个网站变成灰色调，以表达对某些情况的尊重。这时，CSS中的灰阶滤镜就显得非常有用。下面，我将向大家介绍如何使用CSS实现这一效果，希望能帮助到有需要的朋友们。

🌈 首先，我们需要定义一个CSS类，这个类可以应用到``标签上，从而影响整个页面。这里是一个简单的示例代码：

```css

.grayscale {

filter: grayscale(100%);

}

```

🌈 接下来，只需在HTML文档的``标签中添加这个类即可：

```html

```

🌈 如果你只想让部分元素变为灰色调，可以单独给这些元素添加`grayscale`类。例如：

```html

```

🌈 使用上述方法，你可以轻松地为你的网站添加灰阶效果，既简单又实用。希望这篇指南对你有所帮助！若有任何疑问，欢迎随时留言讨论。🎨