[分享]css3图片边角圆润

CSS3技术可以很方便地为图片设置边角圆润效果，让图片看起来更加美观自然。下面就让我们来了解一下具体操作。/ 设置图片圆角 / img{ borderradius: 50; } / 设置不同方向的圆角...

CSS3技术可以很方便地为图片设置边角圆润效果，让图片看起来更加美观自然。下面就让我们来了解一下具体操作。

/* 设置图片圆角 */
img{
  border-radius: 50%;
}

/* 设置不同方向的圆角 */
.box{
  width: 200px;
  height: 200px;
  background: #ccc;
  border-radius: 50% 0 50% 0;
} 

以上就是使用CSS3来实现图片边角圆润的方法，如果对CSS3还不是很熟悉的朋友可以多学习一下。当然，在使用CSS3技术的时候也需要注意兼容性问题，尤其是对于老版本的浏览器，可能需要加上特定的前缀才能实现效果。