1、图片圆角显示
例如（非常简单）：
HTML：
<img src="mao.png" />
CSS：
img{ border-radius: 10px;}
如果图片只为圆角，这种方式确实没问题，但如果还要加上居中的效果，这种方式就有问题，下面会说明。
2、图片居中显示（铺满父容器且不变形）
效果图如下：
PS：为了实现上图居中的效果，单靠CSS是不行的，还需要JS处理。
例如：
HTML：
<div class="rd-box" style="width:200px;height:200px;overflow:hidden;"> <img src="mao.png" onload="centerThisImg(this, 200, 200)"/></div>
CSS：
.rd-box{ position: relative; display: inline-block; border-radius: 10px;} .rd-box img{ display: block; border-radius: 10px; }
JS：
//图片自适应填充，并居中显示。function
