css背景图灰白

CSS背景图灰白

.background{
  background-image: url('图片地址');
  filter: grayscale(100%);
}
 

CSS可以控制网页中元素的背景色，背景图等，其中filter属性可以实现图片的灰白效果。通过添加filter: grayscale(100%)属性，图片可以被渲染成黑白形式。

需要注意的是，在添加图片时需要确保图片地址正确，并将代码嵌入到适当位置。如果想要将整个页面的背景图调成灰白效果，可以在body标签上添加样式，如下：

body{
  background-image: url('图片地址');
  filter: grayscale(100%);
}
 

需要注意的是，这里的灰白效果是通过css的filter属性实现的，因此在某些较老的浏览器上可能无法实现。需要视情况考虑是否添加此样式。