マージン・ボーダー・パディングの概念

margin:30px;
padding:30px;
width:200px;
height:200px;
background-color:#CCFFFF;
border:20px #CCCC99 solid;

境界線とパディングは元のボックスの大きさに上乗せされるので、この箱の実際の寸法は300px*300pxです。