先画一个圆，用border-radius 画一个，
然后给这个属性加上opacity来先让这个圆完全透明，opacity = 1；
再利用transition加一个过渡效果， 像这样 ： transition： all 2s
最后加上hover， 这样就可以使这个圆逐渐出现了。hover里面要加上 opacity：0；
还有问题可以追问，纯手打。
css3的方法：
用css3的新属性border-radius（圆角）实现。具体代码如下：
<img src="图片路径" style="border-radius:50%"/>普通方法：
将圆圈制作成一个图片，外部非透明，内部透明的png格式。然后用定位的方式将这个png图片覆盖到原图片的上面，具体代码如下：
<style>a{
position:relative
width:50px
height:50px
display:block
}
a em{
width:50px
height:50px
display:block
position:absolute
left:0
top:0
}
</style>
<a href="">
<img src="图片路径" width="50" height="50" />
<em></em>
</a>
