CSS是网页设计中最常用的样式设计语言，除了能设置字体、颜色、边框等样式，还能设置图片更换、鼠标悬停等功能。其中，通过CSS设置图片在鼠标经过时更换图片，是网页设计中常用的技巧。

在HTML中，我们可以使用标签来插入图片，如下所示：

<img src="/post/image.jpg" >

在CSS中，我们可以使用:hover伪类选择器来设置图片的鼠标悬停效果。具体步骤如下：

 .image { width: 200px; height: 200px; background-image: url("image.jpg"); }  .image:hover { background-image: url("image-hover.jpg"); }

以上代码中，我们首先给图片设置了一个类名为.image，并设置了宽度、高度和背景图片。当鼠标经过该图片时，使用:hover伪类选择器来设置图片的背景图片为image-hover.jpg。

由此可见，通过CSS设置图片在鼠标经过时更换图片，是相对简单的一项技巧。只需要在HTML中给图片设置一个类名或ID，在CSS中使用:hover伪类选择器来设置图片的鼠标悬停效果即可。这不仅能为网页增加一些动态效果，同时也增加了网页设计的趣味性。