CSS(3)

박스 모델 (BOX MODEL) 모든 HTML 요소는 박스 모양으로 구성. ※ 내용(content) : 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분 ※ 패딩(padding) : 내용과 테두리 사이의 간격 padding-top : 위쪽 여백 padding-right : 오른쪽 여백 padding-bottom : 아래쪽 여백 padding-left : 왼쪽 여백 div { padding-top | padding-right | padding-bottom | padding-left: 100px; } padding : 모든 패딩 속성을 한꺼번에 설정 div { padding: 20px 50px 30px 10px; } /* 위쪽 오른쪽 아래쪽 왼쪽 순서대로 */ div { padding: 20px 50px 30px; } /* 위쪽 20px 오른쪽,왼쪽 50px 아래쪽 30px로 설정 */ div { padding: 20px 50px; } /* 위쪽,아래쪽 20px 오른쪽,왼쪽 50px...

원문링크 : CSS(3)