CSS Margin属性设置_CSSMargin边距

作为速记属性

CSS 边距属性是以下各个边距属性的简写属性：

当 属性有四个不同的值时，它在代码中看起来像这样：

p {
  margin-top: 25px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-left: 20px;
}

若各边长度一致，比如每条边均为50像素，那么在CSS编写时，我们可以采取以下方式。

p {
  margin: 50px;
}

若顶部与底部数值一致，比如15像素，且左侧与右侧数值亦相同，比如10像素，那么我们便可以实施以下操作。

p {
  margin: 15px 10px;
}

这和这个是一样的。

p {
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-left: 10px;
}

若左右两侧的数值相等，比如都为15像素，那么上方为5像素，下方为10像素时，我们便需要编写以下的代码。

p {
  margin: 5px 15px 10px;
}

这和这个是一样的。

p {
  margin-top: 5px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-left: 15px;
}

边距属性示例：

  
    
    
  
  
    
段落设置了背景颜色、文字颜色以及边距属性。