CSS – 给整个网站设置黑白背景，用于需求：悼念日

我们在一些悼念日常常会看到，列如国家公祭日。。。有些网站就把背景设置为黑白页了。

这个需求很简单，自己动手设置了一下，用一个博客网站实践了一下，如图，没设置之前

只要在你的网站全局的部分添加这段 css 代码就可以实现整站素装了。

代码如下：

<style>html{-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);filter: gray;}</style>

设置后，刷新一下网站，效果如下：

好了，自己试试吧，最好放在网站全局头部。