개요
- CSS margin
- 바깥 여백 크기를 지정하는 CSS 속성
<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>