如何将哀悼日网站变为灰色

发布时间：2024-01-05  栏目：建站知识   浏览：   分类：css教程

哀悼日网站变灰色的方法是，在网站的CSS样式中添加一段代码，将网页的背景颜色设置为灰色。具体操作如下： 1. 打开网站的CSS样式文件，如果没有，可以新建一个。 2. 在CSS样式文件中添加以下代码： ```css body { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray; -webkit-filter: grayscale(1); } ``` 3. 保存CSS样式文件，刷新网页即可看到网页变为灰色。

很多网站会在特别的日子把网站变灰色，以表哀悼，很多小白还不会，菜鸡源码分享给大家一段CSS把网站变灰色的方法。

只需把以下CSS加入到网站header标签内，或CSS文件内即可。

<styletype="text/css">body*{-webkit-filter:grayscale(100%);/*webkit*/-moz-filter:grayscale(100%);/*firefox*/-ms-filter:grayscale(100%);/*ie9*/-o-filter:grayscale(100%);/*opera*/filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;/*ie9-*/}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#f5f5f5}</style>