黑白图像

---

了解如何使用 CSS 创建"黑白"图像。

---

黑白图像

Original image

grayscale(100%)

使用 CSS filter 属性将图像转换为黑白。

Grayscale 实例

将所有图像的颜色更改为黑白（100% 灰色）:

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
} 亲自试一试 »

转到我们的 CSS 图像教程，了解有关如何设置图像样式的更多信息。

转到我们的 CSS 过滤器属性，了解有关 CSS 过滤器的更多信息。