摘要：本文将介绍如何使用HTML设置灰度效果，使得网页中的图片和文本呈现出灰色的色调，增加网页的视觉效果和美感。
1. 图片的灰度效果
在HTML中，可以通过CSS样式来设置图片的灰度效果。具体操作如下：
（1）在CSS样式中，使用“filter: grayscale(100%)”来设置图片的灰度效果，其中“100%”表示完全灰度。
（2）将该CSS样式应用到图片的类或ID选择器中，即可实现图片的灰度效果。
yImage”的图片设置为灰度效果：
“`yImage {
filter: grayscale(100%);
2. 文本的灰度效果
除了图片，HTML中的文本也可以通过CSS样式来设置灰度效果。具体操作如下：
（1）在CSS样式中，使用“filter: grayscale(100%)”来设置文本的灰度效果，同样是将其应用到文本的类或ID选择器中。
（2）不过需要注意的是，将灰度效果应用到文本时，文本的颜色也会变为灰色。因此，需要再添加一个“color”属性来设置文本的颜色。
yText”的文本设置为灰度效果，并且颜色为白色：
“`yText {
filter: grayscale(100%);
color: white;
总之，通过以上方法，可以轻松实现网页中图片和文本的灰度效果，让网页更加美观和高端。