w3.css
둥근 이미지
CSS를 사용하여 둥근 이미지와 원형 이미지를 만드는 방법을 알아보자.
둥근 이미지를 만드는 방법
1단계) HTML 추가
<img src="img_avatar.png" alt="Avatar">
2단계) CSS 추가
이미지에 둥근 모서리를 추가하려면 이 border-radius 속성을 사용하자. 50%는 이미지를 원형으로 만든다.
img { border-radius: 50%; }
기본 예시
예제 보기참고
W3C School - How TO - Rounded Images