サンプルコード
<div style="border:1px solid blue; background-color: #f8dce0;margin:10px;">margin:10px;</div>
<div style="border:1px solid blue; background-color: #f8dce0;margin:10px 20px;">margin:10px 20px;</div>
<div style="border:1px solid blue; background-color: #f8dce0;margin:10px 20px 30px">margin:10px 20px 30px;</div>
<div style="border:1px solid blue; background-color: #f8dce0;margin:10px 20px 30px 40px;">margin:10px 20px 30px 40px;</div>
margin:10px;
margin:10px 20px;
margin:10px 20px 30px;
margin:10px 20px 30px 40px;
marginとpaddingの違い
marginはボックスの外側の余白です。paddingはボックスの内側の余白です。
<div style="margin:10px;">margin:10px;</div>
<div style="padding:10px;">padding:10px;</div>
<div style="margin:10px;padding:10px;">margin:10px;padding:10px;</div>
margin:10px;
padding:10px;
margin:10px;padding:10px;