css margin详解

作者:分开不是尽头 | 创建时间: 2023-05-02
css 中的margin属性是一个很重要的属性,margin主要用来控制网页元素的排序。 margin属性应用于元素外面的空间,或者是位于元素和浏览器窗口之间的区域,或者元素和元素直接的区域。...
css margin详解

操作方法

margin属性分为:margin-top、margin-right、margin-bottom、margin-left。 带有4个值的margin属性: div{ margin:10px 12px 13px 14px; } 这样写是一种简写,简写是以顺时针方向指定的:上、右、下、左,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:12px; margin-bottom:13px; margin-left:14px; } 带有3个值的margin属性: div{ margin:10px 12px 14px; } 这样写是一种简写,简写指定的是:上、左右、下,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:12px; margin-bottom:14px; margin-left:12px; } 带有2个值的margin属性: div{ margin:10px 14px; } 这样写是一种简写,简写指定的是:上下、左右,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:14px; margin-bottom:10px; margin-left:14px; } 带有1个值的margin属性: div{ margin:10px; } 这样写是一种简写,简写指定的是:上下左右的margin值都是10px,上面的简写和下面的功能是一样的 div{ margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; }

点击展开全文

更多推荐