0
点赞
收藏
分享

微信扫一扫

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


文章目录

  • ​​HTML 全页面内容自由编辑与 HTML 页面全部黑白处理​​
  • ​​1、HTML 全页面内容自由编辑​​
  • ​​2、HTML 页面全部黑白处理​​

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

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

知乎为例,执行如下代码

document.body.contentEditable='true';

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

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

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

2、HTML 页面全部黑白处理

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

html{filter: grayscale(1);}

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

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

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

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

举报

相关推荐

0 条评论