CSS3实现圆形图片

实现步骤:设置图片border-radius为50%即可。

代码:

circle_img {
width: 130px;
height: 130px;
border-radius: 50%;
}

效果:

CSS3实现圆形图片_第1张图片
原图
CSS3实现圆形图片_第2张图片
设置 border-radius:50% 后

你可能感兴趣的:(CSS3实现圆形图片)