CSS框架布局成為現代網頁設計中最常用的一種布局方式。

在使用CSS框架布局時，我們經常需要給不同的元素之間添加空隙，以增強頁面的視覺效果。下面，我們將介紹兩種向CSS框架布局中添加空隙的方法。

方法一：使用margin屬性

.row {
margin-bottom: 20px; /* 添加下邊距 */
}
.col {
margin-right: 20px; /* 添加右邊距 */
}
/* 注意：最后一列不需要添加右邊距 */
.col:last-child {
margin-right: 0;
}

在這個示例中，我們給.row元素添加了下邊距，給.col元素添加了右邊距。我們使用了:last-child偽類來移除最后一列的右邊距。

方法二：使用padding屬性

.row {
margin-bottom: 20px;
}
.col {
padding-right: 20px; /* 添加右內邊距 */
}
/* 注意：最后一列不需要添加右內邊距 */
.col:last-child {
padding-right: 0;
}

在這個示例中，我們給.col元素添加了右內邊距。同樣，我們使用了:last-child偽類來移除最后一列的右內邊距。

以上兩種方法都可以成功地在CSS框架布局中添加空隙。具體使用哪一種方法，取決于您的設計需求和個人偏好。