在網頁設計中，邊框是非常重要的一個元素，能夠為網頁中的元素提供明顯的分界。CSS提供了許多關于邊框的屬性，其中一個重要的屬性就是邊框距離(border-spacing)。邊框距離用于設置表格邊框之間的空間，同時也可以應用于div等其他元素的邊框設置。 下面是一個使用邊框距離屬性的CSS代碼樣例：

table {
border-collapse: collapse; /* 不顯示相鄰邊框 */
border-spacing: 10px; /* 設置邊框距離為10像素 */
}

在上面的代碼中，我們使用了border-collapse屬性來確保相鄰的表格邊框不會顯示出來。接著使用border-spacing屬性將表格的邊框距離設置為10像素。如果不設置border-collapse屬性，那么相鄰的表格邊框之間將會顯示出來。 此外，我們也可以單獨為一個具體的邊框設置距離。下面是一個div元素邊框距離的CSS樣例：

div {
border: 1px solid black; /* 設置邊框為1像素黑色實線 */
padding: 10px; /* 內邊距為10像素 */
margin: 20px; /* 外邊距為20像素 */
}

在上面的代碼中，我們通過設置內邊距(padding)和外邊距(margin)來控制div元素內邊框和外邊框與內容的間距。同時，我們也可以使用border-spacing屬性來控制邊框與內容之間的距離。例如：

div {
border: 1px solid black; /* 設置邊框為1像素黑色實線 */
border-spacing: 10px; /* 設置邊框與內容距離為10像素 */
padding: 10px; /* 內邊距為10像素 */
margin: 20px; /* 外邊距為20像素 */
}

在上面的代碼中，我們通過設置border-spacing屬性為10像素來控制邊框與內容之間的距離。這樣，我們就可以更加靈活地控制網頁中元素的邊框了。 總之，邊框距離是CSS中一個非常重要的屬性，能夠幫助我們更好地控制網頁中元素之間的分界。我們可以通過設置border-spacing屬性來控制表格邊框之間的距離，也可以通過設置padding和margin屬性來控制div等其他元素的內外邊距，讓網頁更加美觀和實用。