在一些全国性的哀悼日里，全国各单位机关都要都下半旗表示哀悼，暂停一切娱乐性的活动。就连各大网站也要表示哀悼之意，网站不能下半旗，那么就通过网站整体呈灰色的形式来表示哀悼。为了迎合这一项需求，网站模板的设计不仅仅是色彩斑斓的形式，现在网站模板设计是既可以有色彩，也可以是整体呈灰色的形式。为了让大家更加清晰的了解网站模板的色彩变化，小编以凡科建站的网站模板为例，给大家分享网站模板怎样设计可以变成灰色？

一、我们进入到凡科建站的设计平台，选取一个网站模板，然后进入到网站模板的设计页面，点击页面左侧四个功能按钮的设置。然后点击基础设置菜单栏勾选下方的网站首页变灰。

二、确定后回到模板设计的页面，点击右上角的保存。通过预览，就能看到整个网站模板的首页已经呈灰色状态了。

如果我想让整个网站模板都变灰色，又该怎样设计呢？

我们回到原先的高级选项，先勾选网站插件代码，然后点设置。

然后在插入代码框里插入以下的代码：

<style>

body * {

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

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

filter: gray;

}

</style>

点击保存。

通过预览就能看到网站的各个页面都能呈现出变灰色的状态了。

以上步骤就是如何将模板变灰的方法，学会这个技能，就可以让网站模板设计呈现灰色形式了，希望可以帮助到有需要进行网站模板设计的朋友们！