html - 将轮廓添加到HTML CSS中的圆形png

嘿，伙计们，我想在这个圆形png周围加一个4倍的白色圆形边框。
http://oi45.tinypic.com/n6uo8o.jpg
我不能在图片中这样做，因为我想稍后有一个悬停效果。
请帮忙！谢谢。

最佳答案

HTML格式：

<img src="http://oi45.tinypic.com/n6uo8o.jpg" alt="" />

CSS:

img {
width:180px;
height:180px;
border:2px solid red;
border-radius:90px;
}

此CSS在“面”和边框之间没有空格：

img {
width:180px;
height:180px;
border:5px solid red;
border-radius:90px;
background:red;
}