박스모델 {border:1px red solid;} : 테두리, 두께, 색상, 단선(solid)/점선(dotted) _띄어쓰기하면 됨 {padding: 30px;} : 콘텐츠와 테두리 사이의 여백 (안쪽) {margin: 50px;} : 테두리 사이의 상하좌우 간격 (바깥쪽) {width: } : 콘텐츠의 가로 크기 {height: } : 콘텐츠의 세로 크기 구글 크롬 개발자 모드 : 웹상에서 조절 미리보기 가능 박스모델 응용 밑에만 선긋기 - {border-bottom: 1px solid gray;} 여백 만들기 - {padding: 20px;} 오른쪽만 선긋기 - {border-right:1px solid gray;} 콘텐츠 가로 - {width:250px;} 콘텐츠 세로 - {height:600px..