CSS鼠标悬停图片不移位加边框效果

这种是直接加边框代码：  

.img01 img{border:1px solid transparent;}
.img01 img:hover{border:1px red solid;}

这种是图片缩小加边框：    

.img02 img:hover{width:68px;height:68px;border:1px solid yellow;}