在CSS中有很多方法來控制框之間的距離，其中最常用的方法是使用margin和padding屬性。這些屬性可以被用來增加或減少框之間的間距。

/* 增加上、下、左和右的外邊距 */
.box {
margin: 10px;
}
/* 增加上下的外邊距，沒有左右的外邊距 */
.box {
margin-top: 10px;
margin-bottom: 10px;
}
/* 增加左右的外邊距，沒有上下的外邊距 */
.box {
margin-left: 10px;
margin-right: 10px;
}

除了外邊距之外，padding屬性也可以用來控制框之間的距離。

/* 增加內(nèi)邊距 */
.box {
padding: 10px;
}
/* 增加上下的內(nèi)邊距，沒有左右的內(nèi)邊距 */
.box {
padding-top: 10px;
padding-bottom: 10px;
}
/* 增加左右的內(nèi)邊距，沒有上下的內(nèi)邊距 */
.box {
padding-left: 10px;
padding-right: 10px;
}

需要注意的是，margin和padding屬性的值可以是正數(shù)、負(fù)數(shù)和百分?jǐn)?shù)。當(dāng)值為正數(shù)時，它會增加間距；當(dāng)值為負(fù)數(shù)時，它會減少間距；當(dāng)值為百分?jǐn)?shù)時，它會相對于父元素的寬度進(jìn)行計算。