margin-bottom属性的语法如下:

1

 

margin-bottom:value

 

value可能的值:

auto:浏览器计算下外边距。

length:规定以具体单位计的下外边距值,比如像素、厘米等。默认值是 0px。

%:规定基于父元素的宽度的百分比的下外边距。

inherit: 规定应该从父元素继承下外边距。

我们来看一下margin-bottom的代码示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

 

<html>

<head>

<style type="text/css">

p.bottommargin {margin-bottom: 2cm}

</style>

</head>

 

<body>

<p>这个段落没有指定外边距。</p>

<p class="bottommargin">这个段落带有指定的下外边距。</p>

<p>这个段落没有指定外边距。</p>

</body>

 

</html>

 

运行结果如下:

这个段落没有指定外边距

这个段落带有指定的下外边距

这个段落没有指定外边距

推荐内容