如何制作圆形头像

我知道这个话题已经有一段时间了,但我只是想补充一点,你可以用 CSS 的 border-radius 设置来控制头像的圆角程度(我们的设置为 6px):

img.avatar {
  border-radius: 6px;
}

数字越高,圆角越多。设置为 0 会使头像完全呈方形。我认为设置为 24px 会使它们完全呈圆形。所以你可以非常精细地控制头像的外观。你可以让方形头像看起来像复古的老式电视屏幕。哈哈。

注意:头像的圆角在桌面和移动视图之间可能看起来略有不同,所以你可能想在那里分别控制它。