<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
width: 200px;
height: 200px;
border:2px solid #f00;
border-radius: 50%;/* 圆角 */
overflow: hidden;/* 这句是最主要的 可以使img显示在div的下面 */
}
div img{
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div>
<img src="image/4.jpg" >
</div>
</body>
</html>
最后效果图下
