css 置灰

作者：整整ー世♂陰霾そ发布日期:2026-05-10 浏览:61

/* 置灰效果通常用于图片或页面元素的样式调整，以下是一个简单的 CSS 示例代码，用于将页面中的所有图片置灰： */

img {
  filter: grayscale(100%); /* 使用滤镜将图片置灰，100% 表示完全置灰 */
}

/* 如果你想对整个页面进行置灰处理，可以使用以下代码： */

body {
  filter: grayscale(100%); /* 将整个页面的内容置灰 */
}

解释说明：

filter: grayscale(100%); 是 CSS 中的一个滤镜属性，用于将元素的颜色转换为灰度。100% 表示完全置灰，数值越低，灰度效果越弱。
在第一个示例中，我们只对 <img> 标签内的图片应用了置灰效果。
在第二个示例中，我们将置灰效果应用于整个页面的所有内容，包括文本、图片和其他元素。

上一篇：css设置图片大小

下一篇：css ~