如何制作圆形头像

我该如何将其从方形改为圆形?

抱歉,我不知道该发到哪里!

没有原始图片,很难确定。头像默认会被裁剪成圆形。这可能是该网站的自定义设置导致的,也可能是图片本身带有透明背景。

好的,那就是自定义设置:smiley:

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

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

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

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

还有一个#theme-component 可能也很有用 - Avatar Size and Shape :+1:

哦,太酷了,我没看到那个。谢谢。