이번 섹션에 포함된 강의명은 다음과 같다. (강의에서 제공된 번역 내용을 기반으로 작성하지만, 간혹 오역으로 판단될 경우에는 내 해석으로 대체할 수 있음..!!) 순서 강의명 소요 시간 중요도 (필수crucial/중요important/선택nice to have) 01 박스 모델: 가로와 세로 Box Model: Width & Height 5' 40" 필수 02 박스 모델: 테두리와 모서리 둥글리기 Box Model: Border & Border-Radius 12' 08" 필수&선택 03 코딩 연습 12: Box Model Practice Coding Exercise 12: Box Model Practice - - 04 박스 모델: 패딩 Box Model: Padding 7' 45" 필수 05 박스 모델:..

5. 둥근 테두리: border-radius 박스 모델의 꼭짓점 부분을 둥글리는 속성이다. 둥근 네모에서부터 타원형까지도 만들 수 있다. border-radius: | ; * radius: 반지름, 반경 속성값 설명 px, em 등의 단위와 수치로 표시. 현재 요소의 크기를 기준으로 비율(%)로 지정. 예제 1. ↓ 이걸 표 테두리에도 응용해볼까~? ↓ 오오오오오옹 된다 된다!!😍 이것을 더 응용해서! 동그란 이미지는 어떻게 만들 수 있을까? 이미지의 가로, 세로를 같은 크기로 지정하고, border-radius: 50%;로 지정하면 된다! 예제 2. ↓ 6. 원하는 꼭짓점만 둥글게 만들기 border-위치를 나타내는 단어-radius 속성으로 표시하면 된다. 그러니까 예시로 들자면, 왼쪽 아래 꼭짓점 ..