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