网站建设中让所有页面变黑白的新方法！
发布时间：2024-06-08 点击：56
在一些哀悼日里，很多网站都可能需要把整个网站变成黑白，以表示哀悼。或是我们想做一个黑白为主色调网站，我们也需要把网站变成黑白。那我们进行网站建设时，如何才能把整个网站变成黑白呢？这里有个新的方法分享给大家。
一、首先我们在进行账号注册，在管理中心里找到“f360f自助建站”。
二、进入电脑版网站建设，并套用合适的免费网站模板。
三、在网站建设页面中，在左方“设置”按钮里，找到“高级设置”下的网站插件代码，点击进行设置。
四、在设置界面中，点选位置为“插入<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>
之后点击网站建设页面右上角的“保存和预览”，就能马上看到整一个网站完全变黑白的效果。不过不是所有网站都适合变黑白，除了是某些悼念日需要使用到之外，还要配合网站主题和特色，再考虑是否合适使用黑白效果。希望本文能帮助到不懂怎么建设网站的站长们。
如何做好内容页链接优化?
SEO优化的基本原理（提升网站排名的8个方法）
怎么建网站能提升网站档次和订单量
你建设的网站为什么会被黑？
如何通过友情链接来SEO优化网站?
建网站使用视差特效有什么样的优势？
营销类型网站建设有哪些技巧呢
网站模板轮播图要如何进行细节优化
一、首先我们在进行账号注册，在管理中心里找到“f360f自助建站”。
二、进入电脑版网站建设，并套用合适的免费网站模板。
三、在网站建设页面中，在左方“设置”按钮里，找到“高级设置”下的网站插件代码，点击进行设置。
四、在设置界面中，点选位置为“插入<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>
之后点击网站建设页面右上角的“保存和预览”，就能马上看到整一个网站完全变黑白的效果。不过不是所有网站都适合变黑白，除了是某些悼念日需要使用到之外，还要配合网站主题和特色，再考虑是否合适使用黑白效果。希望本文能帮助到不懂怎么建设网站的站长们。
如何做好内容页链接优化?
SEO优化的基本原理（提升网站排名的8个方法）
怎么建网站能提升网站档次和订单量
你建设的网站为什么会被黑？
如何通过友情链接来SEO优化网站?
建网站使用视差特效有什么样的优势？
营销类型网站建设有哪些技巧呢
网站模板轮播图要如何进行细节优化