CSS 中的邊框距離是指元素的邊框和周圍元素的距離。通過掌握邊框距離的相關屬性，我們可以更好地控制 HTML 元素的位置和外觀。 邊框距離屬性包括 margin、padding 和 border，其中 margin 表示元素外部邊框與相鄰元素之間的距離，padding 表示元素內部邊框與內容之間的距離，而 border 則是兩個邊框之間的距離。 下面是一些常用的 CSS 代碼例子，可以幫助你更好地掌握邊框距離屬性：

p {
margin: 20px;
padding: 10px;
border: 2px solid black;
}
這個 CSS 代碼塊表示一個段落元素，其中 margin, padding 和 border 屬性都被設置為一定的值。在文檔中顯示時，該元素的外部邊框將距離周圍所有元素 20 像素，其內部邊框將距離內容 10 像素，兩個邊框之間的距離為 2 像素，并且邊框將使用黑色的實線來顯示。
可以通過修改這些屬性的值來調整元素的邊框距離，并重新設計頁面的布局和外觀。在實際使用時，可以根據需要調整每個元素的邊框距離屬性，并根據需要組合它們以實現最佳效果。
總之，不管你是在設計復雜網站還是簡單應用程序，掌握 CSS 邊框距離屬性是非常重要的。通過合理配置這些屬性，您可以獲得更好的布局和更美觀的設計效果。