zoukankan      html  css  js  c++  java
  • 雷林鹏分享:CSS margin(外边距)

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

      margin

      margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。

      margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。

      可能的值

      值说明

      auto设置浏览器边距。

      这样做的结果会依赖于浏览器

      length定义一个固定的margin(使用像素,pt,em等)

      %定义一个使用百分比的边距

    Remark

    Margin可以使用负值,重叠的内容。

      Margin - 单边外边距属性

      在CSS中,它可以指定不同的侧面不同的边距:

      实例

      margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px;

      Margin - 简写属性

      为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性。

      所有边距属性的简写属性是 margin :

      实例

      margin:100px 50px;

      margin属性可以有一到四个值。/p>

      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设置元素的上外边距。

      (编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    删库了一定要跑路吗?爱情 36 技之记忆重生!
    程序员和他的朋友们!
    聊起 BigTable,让你不再胆怯
    [Ant Design] Warning: Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?
    Git 常用命令
    Git 名词解释
    js中void 0和undefined的区别
    js运算符优先级
    搭建React项目(低配版)
    mac常用shell指令笔记
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/11232362.html
Copyright © 2011-2022 走看看