悦读时光 · 悦读，让思考被看见

margin，是CSS语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。  margin: 6px 0px 0px 0px; 以上四个位置按顺序分别为：margin-top--margin-right--margin-bottom--margin-left，即“上-右-下-左”。以下简写为top--right--bottom--left。其中需要注意的是后三种情况，当有像素值缺省时，浏览器会自动对缺省像素按照“bottom=top”和“left=right”的方法进行赋值。 例如： “margin:20px;”表示四个方向的外边距都是20px； “margin:20px 40px;”表示top为20px，right为40px；由于bottom和left缺省，所以自动将它们分别设为20px和40px。转化为第4种写法为：“margin:20px 40px 20px 40px;”。 “margin:20px 40px 60px;”表示top为20px，right为40px，bottom为60px；由于left缺省，所以自动将它设为40px。转化为第4种写法为：“margin:20px 40px 60px 40px;”。 需要注意的是一种情况不能写为缺省写法：“margin:20px 40px 20px 60px;”。该例中，由于top和bottom相同，但right和left不同，所以不能将bottom缺省，否则会等同于“margin:20px 40px 60px 40px;”。 margin:5px auto;意思上下为5,左右平均居中 margin-top: 20px; 上外边距 margin-right: 30px; 右外边距 margin-bottom: 30px;下外边距 margin-left: 20px; 左外边距 margin:1px 四边统一边距 margin:1px 1px 上下边距,左右边距 margin:1px 1px 1px 上,左右,下边距 margin:1px 1px 1px 1px 上,右,下,左边距 注释：允许使用负值。 例子 1margin:10px 5px 15px 20px;上外边距是 10px 右外边距是 5px 下外边距是 15px 左外边距是 20px 例子 2margin:10px 5px 15px;上外边距是 10px 右外边距和左外边距是 5px 下外边距是 15px 例子 3margin:10px 5px;上外边距和下外边距是 10px 右外边距和左外边距是 5px 例子 4margin:10px;所有 4 个外边距都是 10px

最后修改： 2025/8/19 18:25:18