如何创建：圆角图像

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

Avatar Avatar

如何创建圆角图像

第一步 - 添加 HTML：

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

第二步 - 添加 CSS：

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

img {
  border-radius: 50%;
}

自分で試してみる

関連ページ

チュートリアル：CSS画像