在網頁設計中，為了美化頁面效果，常會需設置元素的邊框距離。在CSS中，可以通過設置padding（內邊距）和margin（外邊距）兩種方式來實現。
padding是元素內部與邊框之間的距離，可以理解為是元素內容與邊框之間的留白。padding的值可以設置為px、em、百分比等單位，也可以通過設置padding-top、padding-bottom、padding-left、padding-right四個屬性對指定方向進行設置。
margin是元素與周圍元素之間的距離，可以理解為元素與周圍元素之間的間距。margin的值也可以設置為px、em、百分比等單位，同樣也可以通過設置margin-top、margin-bottom、margin-left、margin-right四個屬性對指定方向進行設置。
以下是CSS設置邊線距離的代碼實例：

<style>
/* 設置內邊距 */
#box1 {
width: 200px;
height: 200px;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
border: 1px solid black;
}
/* 設置外邊距 */
#box2 {
width: 200px;
height: 200px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
margin-right: 30px;
border: 1px solid black;
}
</style>

上述代碼中，我們通過設置box1和box2兩個元素的內邊距和外邊距，實現了邊框距離的調整。在實際開發中，我們可以根據具體需求，靈活運用padding和margin屬性，以達到設計要求。