• 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 黄嘉刚特斯拉困境折射电动车产业困局 2019-10-07
  • OPPO Find X:曲面全景屏,史无前例的屏占比 2019-10-06
  • 古镇灯饰企业为灯饰品牌化鼓与呼 2019-10-06
  • 端午节首日上海多云 没有雨水适合外出 2019-09-23
  • 热身赛-任骏飞19分吴前18分 男篮蓝队主场击败伊朗 2019-09-16
  • 埃隆·马斯克 特斯拉8月将推出“全自动驾驶”功能 2019-09-15
  • 九江召开乡村振兴战略春风行动总结会议 林彬杨出席并讲话 2019-09-15
  • 十三届全国人大一次会议在北京闭幕 2019-09-09
  • 重庆黔江举行119消防文艺汇演活动 2019-09-07
  • 长子县全面推进“四好农村路”建设 2019-09-07
  • “海博会”宁夏旅游喜获最佳设计奖和最佳人气奖--旅游频道 2019-09-03
  • 紫光阁中共中央国家机关工作委员会 2019-08-29
  • 江西省“放管服”改革再出实招 2019-08-27
  • 今年一季度保险消费投诉高位运行 监管部门严查 2019-08-27
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

    margin 属性是css用于在一个声明中设置所有 margin 属性的简写属性,margin是css控制块级元素之间的距离, 它们之间是透明不可见的。

    margin属性包含了margin left :距元素块距离(设置距左内边距) ;margin top:距头顶(上)元素块距离(设置距顶部元素块距离);margin right :距右元素块距离(设置距右元素块距) ;margin bottom元素块距离(设置距低(下)元素块距)。其二维构建图可见CSS属性二维图。

    CSS元素中margin的解剖图
    margin的解剖图


    margin left用法:margin-left:10px;  这个意思距离左元素块距10像素,可跟百分比如(margin-left:10%;   距离左元素块10%的距离)css margin-left教程;
    margin right用法:margin-right:10px; 这个意思距离边元素块距10像素,可跟百分比如(margin-right:10%; 距离边元素块10%的距离);
    margin top用法:margin-top:10px; 这个意思距离边元素块距10像素,可跟百分比如(margin-top:10%; 距离边元素块10%的距离)css margin-top;
    margin bottom用法:margin-bottom:10px; 这个意思距离边元素块距10像素,可跟百分比如(margin-bottom:10%; 距离边元素块10%的距离)css margin-bottom;
    注意margin中间的链接“ - ”号,设置距离值时用“  ”并赋予值,并以“ ; ”结束,并且全部用小写半角字母。

    如果是左右上下都需要设置margin的值时可以简写来实现,以优化css 。
    如简写方式有:
    margin:10px; 意思就是上下左右元素块距离就是10px(10像素)等于margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; 一样效果简写;
    margin:5px 10px; 意思上下元素块距离为5px,左右的元素块距离为10px,等于margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px; 一样效果简写;
    margin:5px 6px 7px; 意思上元素块距离5px,下元素块距离为7PX,左右元素块距离为6px,等于margin-top:5px; margin-bottom:7px; margin-left:6px; margin-right:6px; 一样效果简写;
    margin:5px 6px 7px 8px;  意思上元素块为5px,右元素块距离为6px ,下元素块距离为7px,左元素块距离8px,等于等于margin-top:5px; margin-right:6px; margin-bottom:7px; margin-right:8px; 一样效果简写;

    其中margin:5px 6px 7px 8px; 的转法为顺时针即图:

    css中margin的属性转法图
    margin的属性转法图解


    上面即是div css网站总结的margin的属性与用法。其中margin的用与padding相同。

    如需转载,请注明文章出处和来源网址://www.ziixf.tw/shili/s6.shtml

  • 卢靖姗穿蓝色吊带笑容甜美 和粉丝合影花式比心 2019-10-12
  • 黄嘉刚特斯拉困境折射电动车产业困局 2019-10-07
  • OPPO Find X:曲面全景屏,史无前例的屏占比 2019-10-06
  • 古镇灯饰企业为灯饰品牌化鼓与呼 2019-10-06
  • 端午节首日上海多云 没有雨水适合外出 2019-09-23
  • 热身赛-任骏飞19分吴前18分 男篮蓝队主场击败伊朗 2019-09-16
  • 埃隆·马斯克 特斯拉8月将推出“全自动驾驶”功能 2019-09-15
  • 九江召开乡村振兴战略春风行动总结会议 林彬杨出席并讲话 2019-09-15
  • 十三届全国人大一次会议在北京闭幕 2019-09-09
  • 重庆黔江举行119消防文艺汇演活动 2019-09-07
  • 长子县全面推进“四好农村路”建设 2019-09-07
  • “海博会”宁夏旅游喜获最佳设计奖和最佳人气奖--旅游频道 2019-09-03
  • 紫光阁中共中央国家机关工作委员会 2019-08-29
  • 江西省“放管服”改革再出实招 2019-08-27
  • 今年一季度保险消费投诉高位运行 监管部门严查 2019-08-27
  • 老时时彩历史开奖记录 利用彩票倍投计划赚钱 九码一样会输 百变计划客服 重庆时时彩20分钟一期 北京pk赛车六码口诀 澳洲时时彩稳定计划 打三公怎样才能赢钱 分分彩有什么稳赚方法 来几局百人牛牛有规律不