网页变黑白怎么做(如何将网站设置黑白背景)

这个需求我们在一些悼念日经常会看到,比如国家公祭日(勿忘国耻)。。。有些网站就把背景设置为黑白页了。

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

只要在你的网站全局的部分添加这段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>

设置后,刷新一下网站,效果如下:

好了,自己试试吧,最好放在代码的头部