css如何让全局背景置灰 |css点击整块变色

body{
background-color: #f2f2f2; /*将页面背景色改为浅灰色*/
filter: grayscale(1); /*将页面置灰*/
}

如上述代码所示，大家只需要在“body”标签下添加两行代码即可实现全局背景置灰功能。第一行代码将页面背景颜色改为浅灰色，第二行代码使用“filter”属性将页面置灰。其中，“grayscale（1）”表示使用灰度滤镜将页面所有颜色都转化为灰色。

需要注意的是，因为使用“filter”属性会影响网站的性能，并且不是所有浏览器都支持该属性，所以在页面设计中需谨慎使用。