css 代码中margin-bottom属性具有什么功能呢?


摘要:
下文讲述css代码中margin-bottom属性的相关说明,如下所示:


margin-bottom属性功能说明

margin-bottom属性值用于设置html元素的下外边距

margin-bottom属性语法:
     margin-bottom:<length> | <percentage> | auto
---------参数值说明-------
auto:默认其值为0 
<length>:
       用长度值来定义下外边距。可以为负值
<percentage>:
         使用百分比来定义下外边距
    百分比参照包含块宽度。可以为负值
margin-bottom属性注意事项:
     1.此属性可用于所有浏览器
     2.此属性值允许设置为负值
     3.外边距是一个始终透明
     4.替代(Replaced)行内元素可使用margin-bottom属性
     5.非替代(non-Replaced)行内元素使用margin-bottom属性前,
需将其转换为块级或行内元素

例:

<meta charset="utf-8" />
<style>
   div{ 
    width:200px;
    height:20px;
    background-color:green;
  
   }

   #div1{
     margin-bottom:110px; 
  }
</style>
<p>
 maomao365.com <br />
 css 属性margin-bottom属性示例说明
</p>
<hr />
<div id="div1">
</div> 

<div>
</div> 
css之margin-bottom属性示例说明

css之margin-bottom属性示例说明