border-radius就可以做到了，
圆形，就把四个角都设置成宽高的一半，就是50%，或者是固定值，，
注意的是，如果你是直接用Img标签的话，那你的Img
宽高要一样，就是说要是正方形，
如果你是通过容器来实现的话，你就直接把容器设置成正方形，border-radius:50%然后再background图片就可以了。
我说两种方法哈：1、上层DIV和img标签都设置border-radius圆角
列：
css如下:
.div1{width:100pxheight:100pxborder:1px solid lightgrayborder-radius:5px}
.div1 img{width:100pxheight:100pxborder-radius:5px}
html如下：
<div class="div1">
<img src="img1.jpg">
</div>
2、img不设置，div设置border-radius圆角并且设置超出部分影藏
css如下：
.div1{width:100pxheight:100pxborder:1px solid lightgrayborder-radius:5pxoverflow:hidden}
html如下：
<div class="div1">
<img src="img1.jpg">
</div>
注意：img标签要设置大小哈，不然图像显示会超出DIV的边界的
