마진과 패딩

1) padding

- 테두리와 콘텐츠 사이의 여백을 표현

- 패딩은 top, right, bottom, left 네방향을 설정

 

2) margin

- 테두리 바깥쪽 여백을 표현

- 요소와 요소사이의 여백을 표현

- 마진은 top, right, bottom, left 네방향을 설정

 

3)마진과 패딩은 작성법이 동일

  margin:10px; → 모든방향이 마진 10px;

  margin:10px 20px; → 상하, 좌우 동일

  margin:10px 20px 30px; → 상, 좌우, 하 

  margin:10px 20px 30px 40px; → 상, 우, 하, 좌

  

  margin-top:

  margin-right:

  margin-bottom:

  margin-left: