margin 편

우선 margin의 사용법을 알아보자.

 

마진 (margin)은 요소 사이 간격을 뜻한다.

 

방향대로 나열해보자.

 

margin-left : 왼쪽 마진

margin-right :오른쪽 마진

margin-top : 위쪽 마진

margin-bottom :아랫 마진

 

방향을 하나씩 할 때는 이렇게 하고

한번에 하는 방법은

 

margin : 4방향 마진 다 설정

margin : 10px; - 4방향 마진 모두 10xp

margin : 10px 20px;
- 윗마진 10 픽셀 오른쪽 마진 20 팍셀
- 아랫마진 10픽셀 왼쪽 마진 20 픽셀

 

margin : 10px 20px 30px;
- 윗 마진 10픽셀 오른쪽 마진 20픽셀 아래 마진 30픽셀
왼쪽 마진 20픽셀

margin : 10px 20px 30px 40px;
- 윗 마진 10픽셀
- 오른쪽 마진 20픽셀
- 아랫마진 30픽셀
- 왼쪽마진 40픽셀