圆头像

 第一种方法：

外边div是一个图片(penguins.jpg)，中间使用透明图片遮盖住外边(touming.png)。

<div style="height: 55px; width: 55px; background-image: url(image/penguins.jpg); float: left; 
　　　　　　　filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/penguins.jpg',sizingMethod='scale'); 
　　　　　　  background-size: 55px 55px">
    <img src="image/touming.png" width="55"  height="55"/>
</div>

第二种方法：

border-radius是CSS3中的样式，仅仅支持ie浏览器

<img class="image" style="width:52px; height:52px; border-radius:50%; " src="image/penguins.jpg" />