html中边框整体怎么移动,html – 悬停时图像移动 – 边框问题

以下是代码

CSS

.fgimg {

width: 200px;

height: 200px;

-webkit-border-radius: 150px;

-moz-border-radius: 150px;

background: url('https://c1.staticflickr.com/3/2669/5830411257_b21bf9e931_b.jpg') no-repeat;

margin-left:30%;

margin-top:10px;

background-position: center center;

}

.fgimg:hover {

cursor:pointer;

border-radius: 210px;

border-color:#226fa3;

border:outset;

-webkit-border-radius: 150px;

-moz-border-radius: 150px;

}

当我们将鼠标悬停在图像上时,图像位置会发生变化.

我希望在悬停时看到图像的边框颜色,但图像位置会自动更改:(

可能是什么问题呢 ？