[포스코x코딩온] 웹 개발자 입문 과정 1주차 회고 | CSS속성 - margin과 padding

 

 

margine과 padding 이란?

margin과 padding은 CSS에서 박스 모델(Box Model)의 일부로, 요소의 테두리(Border)와 내용(Content) 사이의 공간을 조절하는 데 사용됩니다.

margin은 요소와 주변 요소 사이의 간격을 조절하고, padding은 요소의 내용과 테두리 사이의 간격을 조절합니다.

 

 

패딩과 마진 값 적용 예시

 

패딩과 마진값이 없을 때

padding margin 예시

See the Pen margin/padding by onenationonemind1 (@onenationonemind1) on CodePen.