Box Model (1) 썸네일형 리스트형 [CSS] 2. BOX 모델 (box-sizing: border-box) 👉 컨텐츠(Content): 텍스트, 이미지 등👉 테두리(Border): 요소 주위의 선, 여전히 요소 내부에 있음 border: 5px solid black; 이 때 그려지는 테두리 선이 border 라인 이다 👉 패딩(Padding): 컨텐츠 주위의 보이지 않는 공간, 요소 내부에 있음 border 와 컨텐츠 사이의 공간이다 👉 마진(Margin): 요소 외부의 공간, 요소들 사이의 공간 👉 채우기 영역(Fill area): 배경색이나 배경 이미지로 채워지는 영역 div { width: 300px; /* 콘텐츠의 너비 */ height: 200px; /* 콘텐츠의 높이 */ padding: 20px; /* 콘텐츠와 테두리 사이의 여백 */ border: 5.. 이전 1 다음
