div+css简单实现圆形头像

话不多说直接上代码！

html部分代码：

<div class="contentDiv">  <img src="./images/1.png"/><!--资源自己添加--></div>

css部分代码：

.contentDiv{display:inline-block;margin:5px auto;width:100px;height:100px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;border:2px solid #fff;box-shadow:0 0 4px #ccc;overflow:hidden;}

/*图片的样式*/.contentDiv img{width:100%;min-height:100%;}

效果图如下：