gtxyzz

CSS 外边距设置margin

gtxyzz web技术 2022-07-05 756浏览 0

CSS 外边距设置margin 

此元素的外边距为 70px。

CSS 外边距

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

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

Margin - 单独的边

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

  • margin-top

  • margin-right

  • margin-bottom

  • margin-left

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

auto - 浏览器来计算外边距

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

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

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

提示:允许负值。

实例

为 <p> 元素的所有四个边设置不同的外边距:

p {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 80px;
}

77ISP

发表评论