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

前端之家收集整理的这篇文章主要介绍了使用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.f2er.com/css/217240.html

猜你在找的CSS相关文章