CSS margin 속성

1 개요[ | ]

CSS margin
  • 바깥 여백 크기를 지정하는 CSS 속성
html
Copy
<style>
body { margin: 0; }
div { background: pink; }

.box1 { margin: 20px; }
.box2 { margin: 20px 80px; }
.box3 { margin: 20px 80px 40px; }
.box4 { margin: 20px 80px 40px 160px; }
</style>

<div>기본</div>
<div>기본</div>
<div class='box1'>상하좌우 20px</div>
<div>기본</div>
<div class='box2'>상하 20px, 좌우 80px</div>
<div>기본</div>
<div class='box3'>상 20px, 좌우 80px, 하 40px</div>
<div>기본</div>
<div class='box4'>상 20px, 우 80px, 하 40px, 좌 160px</div>
<div>기본</div>

2 같이 보기[ | ]

3 참고[ | ]

편집자 J Jmnote Jmnote bot