国家公祭日悼念:黑白网页背景设置教程

4530 阅读 0 评论 2990 点赞

我是靠谱客的博主爱听歌墨镜，这篇文章主要介绍国家公祭日悼念:黑白网页背景设置教程，现在分享给大家，希望可以做个参考。

不能忘却的悼念：今天是国家公祭日，靠谱客将网站整体变为了黑白色，以表示对南京大屠杀死难者的悼念。

勿忘，不忘！

下面将代码分享给大家：

黑白色CSS代码

复制代码html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; 
  }1
2
3
4
5
6
7
8
html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; 
  }
登录后复制

很简单，头部加上一段代码即可。

使用教程：

这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现整站素装。

添加后黑白效果图：