如何创建：圆角图像

学习如何使用 CSS 创建圆角图像。

Avatar Avatar

如何创建圆角图像

第一步 - 添加 HTML：

<img src="img_avatar.png" alt="Avatar">

第二步 - 添加 CSS：

使用 border-radius 属性用于向图像添加圆角。50% 将使图像成为圆形：

img {
  border-radius: 50%;
}

亲自试一试

相关页面

教程：CSS 图像