지난게시글에 이어 이번에는 로또번호 같지 않은 사각형들의 css를 수정해서 동그랗게 바꿔보도록 하겠습니다.
모든 요소들은 기본적으로 사각형 형태를 가지는데, 이러한 네모 형태의 모서리는 border-radius: 50%
를 이용하여 둥글게 처리할 수 있습니다.
width
와 height
를 다르게 설정하면 타원 형태를 만들 수도 있습니다.
기존 위의 사각형 일때의 html 파일의 style 부분입니다.
border-radius: 50%
한 줄을 추가해 주었습니다.
동그랗게 변한 모습입니다!