0328
[팁] border-radius 이미지 둥글게 만들기
이미지나 박스의 모서리 반경을 둥글게 만들어주는 건 css의 border-radius 입니다. 왼쪽부터 10% ~ 50% 값을 준 상태입니다. 50%~100%는 출력이 동일하게 됩니다. 다른 단위로도 섬세하게 값을 조정할 수 있습니다. 위 사진들을 구성하는 코드의 모습입니다! 스타일 태그 맨 윗줄 .radius img는 클래스 이름이 radius인 안에 들어간 img 태그를 모두 선택한다는 뜻입니다. 모든 이미지를 가로 200px, 세로값은 가로값에 따라 비율에 맞춰 자동으로 지정되도록 했습니다. 여기서 .radius img 옆에 붙은 :nth-child(n)은 앞에 적어준 선택자 중에 몇번째- 라는 뜻이구요, 두번째 줄에서 언급했듯 10%~50% 적용해주었습니다. 그렇다면 이 사진들은 img 태그에 b..