margin属性详解,margin属性实例演示

margin属性是CSS中用来设置元素外边距的属性。它控制元素的外边距，即元素与其周围元素之间的空间。margin属性可以应用于任何元素，包括块级元素和内联元素。

margin属性的值可以是一个数值、一个百分比，也可以是auto。如果值是一个数值或百分比，它表示元素外边距的大小。如果值是auto，浏览器会根据元素的宽度和高度自动计算外边距的大小。

margin属性有四个方向的值上、下和左。可以使用以下语法设置margin属性

margin top right bottom left;

其中，top、right、bottom和left分别表示上、如果只设置一个值，则表示四个方向的外边距都相同。如果设置两个值，则个值表示上下外边距，第二个值表示左右外边距。如果设置三个值，则个值表示上外边距，第二个值表示左右外边距，第三个值表示下外边距。如果设置四个值，则依次表示上、

margin属性的值可以是负数，这样可以将元素的外边距缩小，

margin属性实例演示

下面是一些margin属性的实例演示

例1设置固定大小的外边距

以下代码将为一个div元素设置10像素的外边距

例2设置不同方向的外边距

以下代码将为一个div元素设置不同方向的外边距值

这将为div元素设置10像素的上外边距、20像素的右外边距、30像素的下外边距和40像素的左外边距。

例3设置相同方向的外边距

以下代码将为一个div元素设置相同方向的外边距值

这将为div元素设置10像素的上、

例4设置自动计算的外边距

以下代码将为一个div元素设置自动计算的外边距值

这将使div元素水平居中，并将其上下外边距设置为0。

例5设置负数外边距

以下代码将为一个div元素设置负数的外边距值

这将使div元素的外边距缩小10像素，

margin属性是CSS中用来设置元素外边距的属性。它可以控制元素与其周围元素之间的空间。margin属性的值可以是一个数值、一个百分比，也可以是auto。它有四个方向的值上、下和左。可以使用不同的值来设置不同方向的外边距。如果值是负数，可以将元素的外边距缩小，