在CSS中，盒子之間的間距是一個常見的問題。盒子之間的間距可以分為水平間距和垂直間距。

一個常見的方法是通過修改margin和padding屬性來調整盒子之間的間距。margin指的是盒子與其他元素之間的距離，而padding則指的是盒子與其內部內容之間的距離。下面是一個示例：

.box {
width: 100px;
height: 100px;
border: 1px solid black;
margin: 10px; /* 外邊距 */
padding: 10px; /* 內邊距 */
}

在上面的示例中，.box盒子的寬度和高度都是100px，有1px的黑色邊框。外邊距和內邊距都是10px，所以盒子之間的間距就是20px（10px外邊距加10px內邊距）。

另一種調整盒子之間間距的方法是使用布局技術，如Flexbox和Grid。這些布局技術可以更方便地實現復雜的布局，同時也可以調整盒子之間的間距。下面是一個Flexbox示例：

.container {
display: flex;
justify-content: space-around; /* 水平間距 */
align-items: center; /* 垂直間距 */
}
.box {
width: 100px;
height: 100px;
border: 1px solid black;
}

在上面的示例中，.container是一個Flex容器，設置了justify-content和align-items屬性以分別調整水平和垂直間距。.box盒子則是Flex容器的子元素，沒有設置margin和padding屬性。

總之，CSS中盒子之間的間距可以通過修改margin和padding屬性或使用布局技術來實現。了解這些技術可以幫助我們更方便地實現各種布局效果。