网站建设中让所有页面变黑白的新方法!

2019-05-29

在一些哀悼日里,很多网站都可能需要把整个网站变成黑白,以表示哀悼。或是我们想做一个黑白为主色调网站,我们也需要把网站变成黑白。那我们进行网站建设时,如何才能把整个网站变成黑白呢?这里有个新的方法分享给大家。

一、首先我们在进行账号注册,在管理中心里找到“凡科建站”。

凡科建站

二、进入电脑版网站建设,并套用合适的免费网站模板



电脑版网站建设

免费网站模板


三、在网站建设页面中,在左方“设置”按钮里,找到“高级设置”下的网站插件代码,点击进行设置。

设置

网站插件代码



四、在设置界面中,点选位置为“插入<head>标签”,然后插入下方代码。插入完成后点击保存。

插入<head>标签


<style>

   html {

       -webkit-filter: grayscale(100%);

       -moz-filter: grayscale(100%);

       -ms-filter: grayscale(100%);

       -o-filter: grayscale(100%);

       filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);   

       _filter:none;

   }

</style>

之后点击网站建设页面右上角的“保存和预览”,就能马上看到整一个网站完全变黑白的效果。不过不是所有网站都适合变黑白,除了是某些悼念日需要使用到之外,还要配合网站主题和特色,再考虑是否合适使用黑白效果。希望本文能帮助到不懂怎么建设网站的站长们。

免费使用