<html> 
<body> 
<div style="border: 1px solid red;"> 
<div style="border: 1px solid blue; margin: 20px;"> 
margin: 20px;（上、下、左、右各20px。） 
</div> 
</div> 
<div style="border: 1px solid red;"> 
<div style="border: 1px solid blue; margin: 20px 40px;"> 
margin: 20px 40px;（上、下20px；左、右40px。） 
</div> 
</div> 
<div style="border: 1px solid red;"> 
<div style="border: 1px solid blue; margin: 20px 40px 60px;"> 
margin: 20px 40px 60px;（上20px；左、右40px；下60px。） 
</div> 
</div> 
<div style="border: 1px solid red;"> 
<div style="border: 1px solid blue; margin: 20px 40px 60px 80px;"> 
margin: 20px 40px 60px 80px;（上20px；右40px；下60px；左80px。） 
</div> 
</div> 
<p>在css中使用margin可以將margin-top，margin-right，margin-bottom，margin-left，縮寫為一個標記，順序為<span style="color: #ff0000"><strong>上右下左</strong></span>（順時針）。</p> 
<p>margin標記可以帶一個、二個、三個、四個參數，各有不同的含義。</p> 
</body> 
</html>