本文和大家重点讨论一下CSS中如何使用margin属性定义网页边距，margin属性包括margin-top,margin-right,margin-bottom,margin-left等。

创新互联长期为上千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为增城企业提供专业的成都网站制作、做网站、外贸营销网站建设，增城网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

CSS中margin属性定义网页边距

margin属性包括margin-top,margin-right,margin-bottom,margin-left,margin。

◆当他们要分别定义网页的顶、右、底、左时用法有2种，他们分别为：

margin：top-valueright-valuebottom-valueleft-value；（顺序是固定的上右下左，顺时针。）

 
 
 

  
  
  
margin-top:value; 
  
  
  
margin-right:value; 
  
  
  
margin-bottom:value; 
  
  
  
margin-left:value; 
  
  
  

 
 
 

◆当他们定义的网页顶、右、底、左边距是等同时，用这种方法：

margin：value；

例如:margin：10px20px20px40px；这个说明网页的上右下左边距分别为10、20、20、40.

或者也可以写成这样：

 
 
 

  
  
  
margin-top:10px; 
  
  
  
margin-right:20px; 
  
  
  
margin-bottom:20px; 
  
  
  
margin-left:40px; 
  
  
  

 
 
 

效果是一样的。

一般常用举例：