박스모델1 [CSS] 박스 모델 박스 모델 박스 모델은 웹 페이지에서 HTML 요소가 브라우저에 표시될 때 각각의 요소가 사각형 상자로 간주되는 개념이다. 이 사각형 상자는 해당 요소의 내용, 안쪽 여백, 테두리, 그리고 바깥 여백으로 구성된다. Content (내용) 요소의 실제 내용이 위치하는 영역으로 width와 height 속성으로 크기를 조절할 수 있다. 여기서는 빨간색 선 사이에 들어 있는 글자들이 내용이다. Padding (안쪽 여백) content와 border 사이의 여백으로 padding의 속성을 사용하여 조절할 수 있다. padding : 8px; 이는 상하좌우 안쪽 여백을 한번에 8px로 설정한다. padding : 16px 8px; 이는 상하, 좌우 안쪽 여백을 각각 설정하며, 상하를 16px로 좌우를 8px로 .. 2024. 1. 19. 이전 1 다음
