文章目录


HTML 全页面内容自由编辑与 HTML 页面全部黑白处理

1、HTML 全页面内容自由编辑

知乎为例，执行如下代码

document.body.contentEditable='true';

HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理_html

HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理_知乎_02
然后就可以像编辑 WORD 文档一样，随意修改网页的内容了

HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理_html_03

2、HTML 页面全部黑白处理

当出现 XX 重要人物离世，或者重大纪念日，需要哀悼时，使用如下代码可以让网页一键变成黑白风格

html{filter: grayscale(1);}

我们找到 HTML 标签，然后设置样式
HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理_知乎_04

HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理_黑白风格_05

然后全页面即可完成黑白化处理

HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理_一键编辑_06