[分享]css中实现一定距离

在CSS中，我们常常需要实现一定距离的效果，比如将元素与页面边缘保持一定距离，或者将两个元素之间保持一定距离。本文将介绍一些实现这种效果的方法。/ 设置元素与页面边缘的距离 / body { marg...

在CSS中，我们常常需要实现一定距离的效果，比如将元素与页面边缘保持一定距离，或者将两个元素之间保持一定距离。本文将介绍一些实现这种效果的方法。

/* 设置元素与页面边缘的距离 */
body {
  margin: 20px;
}

/* 设置两个元素之间的距离 */
div {
  margin-bottom: 20px;
} 

首先，我们可以使用CSS中的margin属性来设置元素与页面边缘的距离。例如，我们可以为body元素设置一个20px的margin，这样就能让页面在显示时与浏览器边缘保持一定距离。

除此之外，我们还可以利用margin属性来设置两个元素之间的距离。例如，如果我们需要让两个div元素之间保持20px的距离，我们可以为其中一个元素设置margin-bottom为20px。

总之，在CSS中实现一定距离的效果并不难，我们只需要灵活运用margin属性便可轻松实现。