이미지 둥글게 (1) 썸네일형 리스트형 HTML/CSS 이미지 둥글게 원 모양 (프로필) 네모난 이미지를 동그랗게 보여주는 방법에 대해서 알아볼거에요. 보통 프로필을 보여줄 때 많이 하죠. 예시 이미지는 이걸루 할게요. 가로가 좀더 기네요. 세로가 더 길어도 괜찬아요. 이해를 돕기 위해 직접적인 처리와 무관한 속성은 html 태그에 넣었어요. .box { width: 150px; height: 150px; border-radius: 70%; overflow: hidden; } .profile { width: 100%; height: 100%; object-fit: cover; } 테두리에 border-radius: 70%를 주면 div가 원이 되요. overflow: hidden; 속성으로 넘치는 부분은 지워줬어요. object-fit 속성으로 이미지와 같은 오브젝트를 받아서 비율은 그대로 .. 이전 1 다음