
w3.css
아바타 이미지
CSS를 사용하여 아바타 이미지를 만드는 방법을 알아보자.
아바타 이미지를 만드는 방법
1단계) HTML 추가
<img src="avatar.png" alt="Avatar" class="avatar">
2단계) CSS 추가
보기 좋은 height와 width를 설정하고 border-radius 속성을 사용하여 이미지에 둥근 모서리를 추가한다.
50%는 이미지를 원형으로 만든다.
.avatar { vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; }
기본 예시
예제 보기참고
W3C School - How TO - Avatar Images