css body margin,CSS Margin属性

CSS Margin属性

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

顶部，底部，左侧和右侧的边距可以使用单独的属性独立更改。您还可以使用速记边距属性一次更改所有属性。

有以下CSS边距属性：

CSS保证金属性

Property

Description

margin

This property is used to set all the properties in one declaration.

margin-left

it is used to set left margin of an element.

margin-right

It is used to set right margin of an element.

margin-top

It is used to set top margin of an element.

margin-bottom

It is used to set bottom margin of an element.

CSS保证金值

这些是保证金属性的可能值。

Value

Description

auto

This is used to let the browser calculate a margin.

length

It is used to specify a margin pt, px, cm, etc. its default value is 0px.

%

It is used to define a margin in percent of the width of containing element.

inherit

It is used to inherit margin from parent element.

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

CSS边距示例

您可以为元素的不同面定义不同的边距。

输出：

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

此段落以指定的边距显示。

保证金：简写财产

CSS速记属性用于缩短代码。它在一个属性中指定所有边距属性。

有四种类型可以指定margin属性。您可以使用其中之一。

边距：50px 100px 150px 200px;

边距：50px 100px 150px;

边距：50px 100px;

边距50px;

1)保证金：50px 100px 150px 200px;

它表明：

上边距值为50px

右边距值为100px

底边距值为150px

左边距值为200px

输出：

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

此段落以指定的边距显示。

2)边距：50px 100px 150px;

它表明：

上边距值为50px

左右边距值为100px

底边距值为150px

输出：

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

此段落以指定的边距显示。

3)保证金：50px 100px;

它表明：

顶部和底部边距值为50px

左右边距值为100px

输出：

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

此段落以指定的边距显示。

4)边距：50px；

它表明：

右上角左下角的值是50px

输出：

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

此段落以指定的边距显示。

相关文章:CSS-颜色 CSS-颜色 CSS使用颜色值来指定颜色。通常，这些用于为元素的......

CSS-填充 CSS-填充 padding属性允许您指定元素内容与其边框之间应显示多......

CSS过滤器-文本和图像效果 CSS过滤器-文本和图像效果 您可以使用CSS过滤器将特殊效果添......

CSS3-框大小调整 CSS3-盒子大小 框大小调整属性用于更改元素的高度和宽度。 &......

CSS-有用的资源 CSS-有用的资源 以下资源包含有关CSS的其他信息。请使用它们......

如何添加CSS 如何添加CSS CSS被添加到HTML页面中，以根据样式表中的信息来格式化文档。有三种方法可以在HTML文档中插入CSS。 Inline CSS Internal CSS External CSS 1) Inline...

CSS按钮 CSS按钮 在HTML中，我们使用button标记创建按钮，但是通过使用CSS属性，我们可以为按钮设置样式。按钮可帮助我们创建用户交互和事件处理。它们是网页中广泛使用的元素之一。 在提交表单期间，为了查看或获取一些信息，我们通常使用按钮。 让我们看看按钮的基本样式。 按钮的基本样式 有多个用于设置按钮元素样式的属性。让我们一一讨论。 背景颜色 如前所述，此属性用于设置按钮元素的背景色。 句法 el......

CSS hover 选择器 CSS悬停 hover 选择器用于当我们在元素上移动鼠标时选择它们。它不仅限于链接。我们几乎可以在每个HTML元素上使用它。要设置链接到未访问页面的样式，可以使用：link选择器。要为访问页面的链接设置样式，可以使用：visited选择器，为活动链接设置样式可以使用：active选择器。 它是在CSS1中引入的。悬停可用于根据有效的Web设计程序中用户的偏好来突出显示网页。 悬停功能包括以下效果：......