如何使用css脚本在html页面中两行信息之间加入间隔呢?


摘要:
下文讲述使用css代码对两个div容器之间加入间隔的示例分享,如下所示:

实现思路:
    使用css属性margin-bottom增加底部的外边距,
     即可实现两个容器之间的底部间距,
    如下例所示:

例:
增加div1 和 div2 的底部间距

 <meta charset ='utf-8' />
<style>
 div{
   height:100px;
   width:100px;
   background-color:green;
   color:white;
 } 

#div1{
  margin-bottom:10px;
}

</style>
<p>
maomao365.com <br />
为两个div增加底部间距的示例分享
</p>
<hr />

<div id="div1">div1</div>
<div id="div2">div2</div>
css为两个div之间增加底部间距的示例分享

css为两个div之间增加底部间距的示例分享