每日笔记，如何用css设置外边距。用css设置外边距，div外边距设置

CSS 外边距设置margin 

CSS 外边距

CSS margin 属性可以为任何元素，创建外部空间，制作外边距。

可以通过 CSS，来控制任何元素的外部距离，有些属性可以单独设置元素的单侧，即（上、右、下和左）的外边距。

Margin - 单独的边

CSS 拥有用于为元素的每一侧指定外边距的属性：

margin-top

margin-right

margin-bottom

margin-left

以下为所有外边距属性的值：

auto - 浏览器来计算外边距

length - 以 px、pt、cm 等单位指定外边距

% - 指定以包含元素宽度的百分比计的外边距

inherit - 指定应从父元素继承外边距

提示：允许负值。

实例

为 <p> 为元素的四个单边设置不同的外边距：

p {
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 20px;
  margin-left: 80px;
}

以下为输出实例