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%;
}

效果图如下：