[CSS] 기초/박스모델2 Chapter2-2. 박스를 구성하는 요소 CSS 박스 모델 border(테두리) 각 영역이 차지하는 크기를 파악하기 위해, 레이아웃을 만들면서 그 크기를 시각적으로 확인할 수 있도록 만듭니다. p { border: 1px solid red; } [코드] p 요소에 1px의 빨간색 실선을 추가합니다. border 속성에 적용된 각각의 값 : 테두리 두께( border-width ), 테두리 스타일( border-style ), 테두리 색상( border-color) 괄호 안에 적힌 것들이 바로 border 속성에 추가할 수 있는 세부 속성입니다. margin(바깥 여백) *각각의 값은 top, right, bottom, left로 시계방향입니다. * p { margin: 10px 20px 30px 40px; } [코드] p 요소의 상하좌우에 여백.. 2022. 12. 22. Chapter2-1. 박스모델 기초 모든 콘텐츠는 고유한 영역이 있습니다. 모든 콘텐츠는 각자의 영역을 가지며, 일반적으로 하나의 콘텐츠로 묶이는 요소들이 하나의 박스가 됩니다. 박스는 항상 직사각형 , 너비(width) 와 높이(height)를 가집니다. CSS를 이용해 속성과 값으로 크기를 설정할 수 있습니다. * 박스가 차지하는 영역을 시각적으로 확인하기 위해 배경색을 꼭 넣으세요!* Basic document flow I am a basic block level element. My adjacent block level elements sit on new lines below me. By default we span 100% of the width of our parent element, and we are as tall as ou.. 2022. 12. 22. 이전 1 다음