CSS中对图片的命名很重要，因为它可以帮助开发人员更好地控制、管理和修改网页的图片。下面我们来看看如何对图片命名。

/* 以下是CSS中对图片命名的基本格式 */
img {
name: value; /* name代表属性名，value代表属性值 */
}

其中，name属性有好几种，我们一一介绍：

/* 对图片设置ID属性 */
img#my-pic {
/* ... */
}
/* 对图片设置class属性 */
img.my-class {
/* ... */
}
/* 对网页中所有图片设置统一的属性 */
img {
/* ... */
}

除此之外，我们还可以通过对图片命名来实现鼠标悬停时的效果。具体代码如下：

/* 基本格式 */
img:hover {
/* ... */
}
/* 实现放大效果 */
img:hover {
transform: scale(1.1); /* 放大10% */
opacity: 0.8; /* 设置透明度为80% */
}
/* 实现图片变暗效果 */
img:hover {
filter: brightness(0.8); /* 设置亮度为80% */
}

总之，对图片进行命名能够使网页更加美观和易于管理。希望这篇文章对你有所帮助。