使用CSS仅在矩形图像上圆角

我想使用半径边框从矩形图像创建一个圆形图像.

有没有简单的方式来实现这个CSS而不会扭曲图像,并确保一个圆是完美的.

在这里看到失败的尝试：

http://jsfiddle.net/v8g3y0na/

.rounded-corners-2{
    border-radius: 100px;
    height: 150px;
    width: 150px;

这可以在CSS中完成吗？

解决方法

你可以通过添加一个父div到你的img和代码流如下

figure{
    width:150px;
    height:150px;
    border-radius:50%;
    overflow:hidden;
}

Updated Demo

原文地址：https://www.jb51.cc/css/217240.html