css中怎么设置盒子之间的距离

在CSS中，要设置盒子之间的距离有多种方式。以下将介绍其中的三种常用方法：margin，padding和border。
首先，margin是设置盒子与其它元素之间的空隙，可以用以下代码实现：

p {
  margin: 20px;
} 

意思是在所有的p标签周围添加20像素的空隙。也可以单独设置margin-top、margin-bottom、margin-left和margin-right，如下所示：

p {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px;
} 

以上代码将在p标签上方和下方添加10像素的空隙，在左侧和右侧添加20像素的空隙。
其次，padding是设置盒子内边距的属性，可以用以下代码实现：

p {
  padding: 10px;
} 

这将在p标签中添加10像素的内边距。也可以单独设置padding-top、padding-bottom、padding-left和padding-right，如下所示：

p {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
} 

以上代码将在p标签上方和下方添加5像素的内边距，在左侧和右侧添加10像素的内边距。
最后，border是设置盒子边框的属性，可以用以下代码实现：

p {
  border: 1px solid black;
} 

这将在p标签周围添加一个1像素宽的黑色实线框。也可以单独设置border-top、border-bottom、border-left和border-right的宽度、样式和颜色，如下所示：

p {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 2px dotted blue;
  border-right: 2px dotted blue;
} 

以上代码将在p标签上方和下方添加1像素宽的黑色实线框，在左侧和右侧添加2像素宽的蓝色点线框。
通过以上示例，可以看出margin、padding和border三种属性各自的特点和使用方法。在实际应用中，应根据需求选择适合的属性进行设置。