在網頁設計中，標題和邊框是十分重要的元素。通過合理設置標題和邊框距離，可以讓網頁看起來更加美觀和易于閱讀。下面我們來詳細講解如何在CSS中設置標題和邊框的距離。

h1 {
margin-top: 30px; 
margin-bottom: 20px;
padding: 10px;
border: 1px solid #000;
}

上面的代碼展示了如何設置h1標題的上下邊距、內邊距和邊框。其中，margin-top和margin-bottom屬性分別設置了標題上方和下方的外邊距。通過調整值的大小，我們可以改變標題與其他元素之間的垂直距離。

padding屬性設置了標題的內邊距，即標題內容與邊框之間的距離。通過調整padding值，我們可以增大或減小標題內容的間距，以便更好地展示網頁內容。

border屬性則定義了標題的邊框，包括邊框的粗細、線條樣式和顏色。下面是border屬性可用的一些選項：

border-width: 1px;              // 邊框寬度
border-style: solid;            // 邊框樣式
border-color: #000;             // 邊框顏色
border-radius: 5px;             // 邊框圓角半徑
border-top-left-radius: 10px;   // 上左角圓角半徑

通過設置上面的屬性，我們就可以完美地控制標題與邊框之間的距離和樣式，從而讓網頁展現出更美觀的界面。