2024年6月7日发(作者:)

1 margin 属性设置元素的外边距。

该属性可使用 1 到 4 个值:

如果规定一个值,比如 div {margin: 50px} - 所有的外边距都是 50 px

如果规定两个值,比如 div {margin: 50px 10px} - 上下外边距是 50px,

左右外边距是 10 px。

如果规定三个值,比如 div {margin: 50px 10px 20px}- 上外边距是 50

px,而左右外边距是 10 px,下外边距是 20 px。

如果规定四个值,比如 div {margin: 50px 10px 20px 30px} - 上外边

距是 50 px,右外边距是 10 px,下外边距是 20 px,左外边距是 30 px。

语法:

=margin

可能的值:

设置外边距。

值可以是:

margin

百分比(基于父对象总高度或宽度的百分比)

长度值(定义一个固定的边距)

auto(浏览器设定的值)。

描述

实例

下面的例子改变了段落的外边距:

value="Change margins of a paragraph" />

This is a paragraph

2 marginBottom 属性设置元素的下外边距。

语法:

Bottom=auto|length|%

可能的值:

值 描述

auto 浏览器设置的一个下外边距。

length

定义一个固定的下外边距。默认值是 0。

%

定义基于父对象总高度的百分比下外边距。

实例

本例改变段落的下外边距:

value="Change the bottom margin of a paragraph" />