如果不给图片设置外边框,直接给放上去设置边框,当鼠标放上去图片会发生位移,如果给图片初始也加个外边框的话,鼠标放上去只是边框颜色的变化,而图片并不会发生位移
<!DOCTYPE HTML>
<html><head>
<meta charset=UTF-8>
<title>图片边框</title>
<style>
img{
width:250px;
height:200px;
border:3px solid white;
}
img:hover{border:3px solid red}
</style>
</head>
<body>
<img src="images/liangpi.jpg">
</body>
</html>