CSS中的邊框是Web開發中常用的一個屬性，我們可以通過CSS來調整邊框與元素的內外距離。

關于調整邊框與元素的內外距離，有兩個CSS屬性可以使用：padding和margin。padding用于控制元素內部與邊框之間的距離，margin則用于控制元素與周圍元素之間的距離。

下面是一個展示padding和margin屬性的例子：

這是一個演示邊框距離內外的例子。

上面的代碼中，border屬性用于添加一個1像素的黑色實線邊框。padding屬性用于在邊框與內部文本之間添加10像素的距離，這意味著文本離邊框有一段空白。margin屬性則用于在元素與周圍元素之間添加10像素的距離。

有時候，我們希望調整元素的內外距離，但不想同時影響到元素的寬度或高度。在這種情況下，我們可以使用box-sizing屬性。默認情況下，元素的寬度和高度是指content-box的大?。床挥嬎鉷adding和border的部分），但如果我們設置box-sizing為border-box，則元素的大小包括padding和border的部分。

下面是一個展示box-sizing屬性的例子：

這是一個演示box-sizing屬性的例子。

上面的代碼中，box-sizing屬性被設置為border-box。由于該屬性的存在，元素的寬度和高度包括padding和border的部分。因此，元素的實際寬度是200像素+2像素的邊框+20像素的padding，即222像素；實際高度為100像素+2像素的邊框+20像素的padding，即122像素。

以上是關于CSS中邊框距離內外的基本介紹，希望對你有所幫助。