css 两个div间距

在网页设计中，经常会需要设置两个之间的距离。这时，CSS中的margin属性就能派上用场了。

这是第一个区块这是第二个区块.box1{
      background-color: #FEDCCF;
      height: 100px;
      width: 100%;
      margin-bottom: 20px;
}
.box2{
      background-color: #FCEBBF;
      height: 100px;
      width: 100%;
}

在上面的代码中，我们通过设置margin-bottom属性，使得两个之间产生了20px的间距。

另外，我们还可以同时设置margin-top和margin-bottom属性，来调整两个之间的距离。如下所示：

这是第一个区块这是第二个区块.box1{
      background-color: #FEDCCF;
      height: 100px;
      width: 100%;
      margin: 20px 0;
}
.box2{
      background-color: #FCEBBF;
      height: 100px;
      width: 100%;
}
    

在上面的代码中，我们使用了“margin: 20px 0; ”的方式，分别设置了margin-top和margin-bottom属性，使得两个之间的间距仍为20px。

通过CSS的margin属性，我们可以很方便地设置两个之间的距离，让网页呈现出更好的阅读体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！