[分享]css两个板块之间距离

在网页设计中，CSS布局是非常重要的一部分。而其中有一个常见的问题是如何设置两个板块之间的距离。

.block1 {
    margin-bottom: 20px;
}

.block2 {
    margin-top: 20px;
} 

上述CSS代码中，我们使用了margin来设置两个板块之间的距离。其中，margin-bottom用来设置第一个板块与下一个板块之间的距离，而margin-top用来设置第二个板块与上一个板块之间的距离。

.block {
    padding: 20px;
    border: 1px solid #000;
}

.block1 {
    margin-bottom: 20px;
}

.block2 {
    margin-top: 20px;
} 

如果我们需要在两个板块之间设置一个边框，则可以使用padding属性。如上面的代码所示，我们在.block中设置了padding为20px，则.block1与.block2的距离也将是20px。

除了使用margin和padding之外，我们还可以使用其他的CSS属性来设置两个板块之间的距离，例如height、line-height等。

总之，设置两个板块之间的距离是CSS布局中非常重要的一部分，需要在具体情况下灵活应用不同的CSS属性。