박스 모델(Box Model)
모든 HTML 요소는 박스 모양으로 구성 박스 모델은 HTML 요소를 내용, 패딩, 테두리, 마진으로 구분함 1. 내용(content) 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분 안녕 2. 패딩(padding) 내용과 테두리 사이의 간격 padding-top, padding-right, padding-bottom, padding-left padding: 위 오른쪽 아래 왼쪽 순으로 설정 CSS #padding {padding: 20px 50px 30px 10px;} 위 20px, 오른쪽 50px, 아래 30px, 왼쪽 10px #padding {padding: 20px 50px 30px;} 위 20px, 오른쪽 왼쪽 50px, 아래 30px #padding {padding: 20px 50px;..
2023. 3. 29.
