说到圆角，让人很容易想到border-radius。为了实现各浏览器兼容，又出现了好几个border-radius。然后呢，然后想实现图片圆角。

就像把大象装进冰箱一样，分几个步骤。

1，建立一个div，实现圆角。
2，建立一个div，放图片。可以是img，可以是background-url。还可以是你想用的。

这个就像是把图片放进了圆角里。可是，你会发现div边缘是圆角了，可图片还没有圆角起来。于是乎，加一个 overflow: none; 吧。再看看，果然图片圆角了。

circle 

    <style type="text/css">
        .rbox
        {
            width:120px;
            height:120px;
            border-radius: 10px;
            background-color: #f00;
            overflow: hidden;
        }
    </style>

    <div class="rbox">
    <img src="http://jquery.cuishifeng.cn/images/head.jpg" title="circle" 
         alt="circle" style="line-height:120px; height:120px;">
    </div>