怎么让长方形的图片变成圆形且不变形

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div style="position: absolute;top:200px;left:200px">
            <div style="width: 4rem;height: 4rem;border-radius: 50%;position: absolute;top: -6.4rem;left: 40%;border: 1px solid black;overflow: hidden;">
                <img src="http://p1.fishqc.net/FrpUMSCHZBOEUR2MdQ_-lhF7J6fQ" alt="" style="width: 100%;">
            </div>
            
        </div>
    </body>
</html>

posted on 2018-05-17 11:05 周小姐你好阅读(669) 评论(0) 编辑收藏举报