CSS Margin

CSS Margin 属性用于定义元素周围的空间。它完全是透明的，没有背景颜色。它会在元素周围清除一块区域。

可以通过单独的属性独立更改顶部、底部、左侧和右侧的外边距。您还可以通过使用简写 margin 属性一次性更改所有属性。

以下是 CSS margin 属性：

CSS Margin 属性

CSS Margin 值

以下是一些 margin 属性的可能值。

注意：您也可以使用负值来使内容重叠。

CSS margin 示例

您可以为元素的各个边定义不同的外边距。

输出

此段落未显示指定的外边距。

此段落显示了指定的外边距。

Margin: 简写属性

CSS 简写属性用于缩短代码。它在一个属性中指定所有 margin 属性。

有四种指定 margin 属性的方式。您可以使用其中一种。

1. margin: 50px 100px 150px 200px;
2. margin: 50px 100px 150px;
3. margin: 50px 100px;
4. margin 50px;

1) margin: 50px 100px 150px 200px;

这表示

top margin 值为 50px

right margin 值为 100px

bottom margin 值为 150px

left margin 值为 200px

输出

此段落未显示指定的外边距。

此段落显示了指定的外边距。

2) margin: 50px 100px 150px;

这表示

top margin 值为 50px

left and right margin 值为 100px

bottom margin 值为 150px

输出

此段落未显示指定的外边距。

此段落显示了指定的外边距。

3) margin: 50px 100px;

这表示

top and bottom margin 值为 50px

left and right margin 值为 100px

输出

此段落未显示指定的外边距。

此段落显示了指定的外边距。

4) margin: 50px;

这表示

top right bottom and left margin 值为 50px

输出

此段落未显示指定的外边距。

此段落显示了指定的外边距。