LEVEL 31 QUEST

박스 꾸미기

테두리, 둥근 모서리, 그림자

📐 박스 모델 이해하기

모든 HTML 요소는 "박스"예요!

웹페이지의 모든 요소(글자, 이미지, 버튼 등)는 눈에 보이지 않는 박스로 둘러싸여 있어요.
이 박스는 4개의 층으로 구성되어 있답니다.

margin (바깥 여백)

border (테두리)

padding (안쪽 여백)

content
(내용)

content (내용)

실제 글자나 이미지가 들어가는 영역

padding (안쪽 여백)

내용과 테두리 사이의 공간

border (테두리)

박스의 테두리선

margin (바깥 여백)

다른 요소와의 사이 공간

🔒

여기까지는 미리보기입니다

박스 꾸미기
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)