鼠标悬停时更改图像边框

鼠标悬停时更改图像边框是指在网页上，当用户将鼠标悬停在图像上时，图像的边框会发生变化。这可以通过使用CSS样式来实现。

以下是一个简单的示例代码，可以实现鼠标悬停时更改图像边框的效果：

img {
  border: 1px solid black;
  transition: border 0.3s;
}

img:hover {
  border: 2px solid red;
}

在这个示例中，当用户将鼠标悬停在图像上时，图像的边框会从1像素的黑色边框变为2像素的红色边框。

这个效果可以用于各种场景，例如网站的导航菜单、产品图片等。通过使用CSS样式，可以轻松地实现鼠标悬停时更改图像边框的效果。