如何做 - 黑白图像
了解如何使用 CSS 创建“黑白”图像。
黑白图像
原始图像
grayscale(100%)
使用 CSS filter 属性将图像转换为黑白。
灰度示例
将所有图像的颜色更改为黑白（100% 灰色）
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
自己动手试一试 »
访问我们的 CSS 图像教程，了解更多关于如何设置图像样式的信息。
前往我们的 CSS filter 属性 了解有关 CSS 滤镜的更多信息。
