HTML_CSS_012_magin_padding

border > 경계

margin > 바깥쪽

• tag를 감싸는 border(box)를 기준(경계)에서 바깥쪽 여백

padding > 안쪽

• tag를 감싸는 border(box)를 기준(경계)에서 안쪽 여백

Command

/* 확인용 : 보더로 일단 경계 기준을 잡는다 */
border: 2px solid red;

/* 상하좌우 모두 20px */
padding: 20px
margin: 20px 
/* 상하 30px, 좌우 10px을 의미*/
margin: 30px 10px
/* 위 30px, 오른쪽 10px, 아래 20px, 왼쪽 50px */
margin: 30px 10px 20px 50px
/* 위 30px, 좌우 10px, 아래 40px */
margin: 30px 10px 40px