08.marginプロパティは、ボックスと隣接する他のボックスのマージン(間隔)を設定します。
4辺まとめて設定する方法と、個々に設定する方法があります。
適用要素:すべての要素(tr要素、th要素、td要素、thead要素、tbody要素、tfoot要素、col要素、colgroup要素を除く)


※★CSS
.box61 {
	margin: 10px;
    background-color:#fcccff;
	}
	
.box62 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color:#fcccff;
	}	

.box611 {
	margin: 50px;
    background-color:#fcccff;
	}
	
.box622 {
	margin-top: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	background-color:#fcccff;
	}	


※★HTML
<div class="box61">BOX1(上10px、右10px、下10px、左10px)</div>
<div class="box62">BOX2(上10px、右10px、下10px、左10px)</div>

<div class="box611">BOX1(上10px、右10px、下10px、左10px)</div>
<div class="box622">BOX2(上10px、右10px、下10px、左10px)</div>
BOX1(上10px、右10px、下10px、左10px)
BOX2(上10px、右10px、下10px、左10px)
*BOX1もBOX2も画面での表示のされ方は同じ。

BOX1(上10px、右10px、下10px、左10px)
BOX2(上10px、右10px、下10px、左10px)
*BOX1もBOX2も画面での表示のされ方は同じ。