在網頁設計中，我們常常需要調整文本與邊框之間的距離，以達到更好的視覺效果。CSS提供了多種方式來實現這個目的，下面將介紹一些常用的方法。
1. 使用padding屬性
padding屬性控制元素內容與元素邊框之間的距離。例如，如果要將文本與邊框之間的距離設置為10像素，可以使用以下代碼：

p {
border: 1px solid #ccc;
padding: 10px;
}

這樣，每個段落的文本都會離邊框10像素遠。
2. 使用line-height屬性
line-height屬性控制行框盒子的高度，從而可以間接地影響文本與邊框之間的距離。例如，如果要將文本與邊框之間的距離設置為20像素，可以使用以下代碼：

p {
border: 1px solid #ccc;
line-height: 20px;
}

注意，line-height屬性不僅會影響文本與邊框之間的距離，還會影響行與行之間的距離。因此，在使用該屬性時需要注意平衡文本的可讀性和段落的整體外觀。
3. 使用margin屬性
margin屬性控制元素與其他元素之間的距離，也可以用來調整文本與邊框之間的距離。例如，如果要將文本與邊框之間的距離設置為15像素，可以使用以下代碼：

p {
border: 1px solid #ccc;
margin: 15px;
padding: 10px;
}

注意，通過設置margin屬性產生的距離不僅會影響上下左右四個方向，還會影響元素本身的大小。因此，在使用該屬性時需要注意元素的布局和外觀。
總的來說，控制文本與邊框之間的距離是網頁設計中常見的需求，通過合理選用padding、line-height和margin等CSS屬性，我們可以輕松實現這個目標。需要注意的是，合理的距離設置可以提升網頁的視覺效果和用戶體驗，反之會降低網頁的品質。