CSS Margin 外边距

CSS Margin(外边距)属性定义元素周围的空间。

Margin

margin清除周围的元素(外边框)的区域。margin没有背景颜色,是完全透明的 margin可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。

可能的值

说明
auto 设置浏览器边距。 这样做的结果会依赖于浏览器
length 定义一个固定的margin(使用像素,pt,em等)
% 定义一个使用百分比的边距
Margin可以使用负值,重叠的内容。
在CSS中,它可以指定不同的侧面不同的边距:
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
实例演示

Margin - 简写属性

<p为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的缩写属性。< p=""> 所有边距属性的缩写属性是"margin":
margin:100px 50px;
实例演示margin属性可以有一到四个值
  • margin:25px 50px 75px 100px;
    • 上边距为25px
    • 右边距为50px
    • 下边距为75px
    • 左边距为100px
  • margin:25px 50px 75px;
    • 上边距为25px
    • 左右边距为50px
    • 下边距为75px
  • margin:25px 50px;
    • 上下边距为25px
    • 左右边距为50px
  • margin:25px;
    • 所有的4个边距都是25px

所有的CSS边距属性

属性 描述
margin 简写属性。在一个声明中设置所有外边距属性。
margin-bottom 设置元素的下外边距。
margin-left 设置元素的左外边距。
margin-right 设置元素的右外边距。
margin-top 设置元素的上外边距。

我们需要您的支持

支付宝捐助

捐助记录

  • 操** 5.00 2019-7-28
  • 王** 23.33 2019-7-16
  • 吴** 10.00 2019-7-12
  • 竺** 0.10 2019-7-8
  • 童** 5.00 2019-7-25
  • 高** 10.00 2019-7-13
  • 孙** 10.00 2019-7-9
  • 刘** 1.00 2019-7-20
  • 王** 10.00 2019-7-3
  • 陈** 20.00 2019-7-26
  • 潘** 100.00 2019-7-6
  • 庾** 1.00 2019-7-25
  • 于** 50.00 2019-7-27
  • 李** 10.00 2019-7-19
  • 钟** 20.00 2019-7-19
  • 毛** 1.00 2019-7-10
  • 许** 10.00 2019-7-18
  • 吕** 0.80 2019-7-5
  • 爱心会员 0.29 2019-7-10
  • 郭** 10.00 2019-7-30
  • 贾** 20.00 2019-7-29
  • 李** 20.00 2019-7-13
  • 张** 1.00 2019-7-19
  • 陈** 10.00 2019-7-3
  • 黄** 20.00 2019-7-10
  • 时** 0.10 2019-7-13
  • 魏** 10.00 2019-7-3
  • 李** 0.70 2019-7-5
  • 冯** 0.30 2019-7-2
  • 石** 10.00 2019-7-30
  • 陈** 20.00 2019-7-8
  • 何** 20.00 2019-7-30
  • 成** 0.10 2019-7-16
  • 赵** 10.00 2019-7-19
  • 刘** 5.00 2019-7-7

扫一扫关注

Web前端中国