在設計網頁時，經常需要使用CSS來控制元素之間的距離。而對于兩個盒子之間的距離，CSS提供了多種方式來進行調整。

其中一種常用的方法是使用margin屬性來設置兩個盒子的距離。例如：

.box1{
width: 200px;
height: 100px;
background-color: red;
margin-right: 20px;
}
.box2{
width: 200px;
height: 100px;
background-color: blue;
margin-left: 20px;
}

在上述代碼中，box1和box2分別代表兩個盒子，通過設置margin-right和margin-left屬性來讓兩者之間產生20px的距離。

除此之外，還可以使用padding屬性來設置盒子內部與邊框之間的距離。例如：

.box1{
width: 200px;
height: 100px;
background-color: red;
padding-right: 20px;
}
.box2{
width: 200px;
height: 100px;
background-color: blue;
padding-left: 20px;
}

在上述代碼中，box1和box2之間的距離即是由他們內部與邊框之間的20px的距離所造成。這種方法可以產生類似于分割線的效果。

總之，在CSS中，我們可以通過margin和padding屬性來很方便地調整盒子之間的距離，以便實現更豐富的設計效果。