이 주제는 좀 오래되었지만, 아바타의 둥글기 정도를 CSS의 border-radius 설정으로 조절할 수 있다는 점을 추가하고 싶었습니다. (저희는 6px로 설정해 두었습니다):
img.avatar {
border-radius: 6px;
}
숫자가 클수록 모서리가 더 둥글어집니다. 0으로 설정하면 아바타가 완벽하게 사각형이 됩니다. 24px로 하면 완벽하게 원형이 되는 것 같습니다. 따라서 아바타가 어떻게 보이길 원하는지에 따라 아주 세밀하게 조절할 수 있습니다. 사각형 아바타를 레트로한 구형 TV 화면처럼 보이게 할 수도 있죠. ㅋㅋ
참고: 아바타의 둥글기는 데스크톱과 모바일 뷰에서 약간 다르게 보일 수 있으므로, 별도로 제어하는 것이 좋습니다.