css上下两个盒子间距

CSS可以帮助我们控制网页上各个元素的样式和布局，包括上下盒子间距。有时候我们希望上下两个盒子之间有一定的距离，这时我们可以使用margin属性来实现。

.box1 {
  margin-bottom: 20px; /* 设置下边距为20像素 */
}

.box2 {
　margin-top: 20px; /* 设置上边距为20像素 */
} 

在上面的代码中，我们把第一个盒子的下边距设置为20像素，第二个盒子的上边距也设置为20像素。这样就可以实现上下两个盒子之间有一定距离的效果。

除了使用margin属性外，还可以使用padding属性来设置盒子内部的上下间距。同时，我们也可以使用其他CSS属性来控制盒子之间的间距，比如line-height等。