CSS邊框不占用外部空間是一種常用的技巧，能夠讓頁面的布局更加美觀和精致。它可以確保頁面中不同元素之間的距離不會被邊框所占用。

在HTML中，元素的邊框是默認占用外部空間的。這意味著如果您為一個元素設置了邊框，它的大小將會加上邊框的寬度和高度，導致其他元素在頁面中的位置發生改變。

要解決這個問題，可以使用CSS的box-sizing屬性。box-sizing的默認值是content-box，意味著元素的大小只包含元素的內容，而不包括任何邊框、內邊距或外邊距。

以下是一個示例代碼塊，展示如何使用CSS來設置元素的box-sizing屬性：

.box {
box-sizing: border-box;
width: 300px; 
height: 200px;
padding: 20px;
border: 2px solid black;
}

在上面的代碼中，.box類的元素將被設置為使用border-box盒模型。這意味著元素的大小將包括邊框和內邊距，而不是在外部占用空間。

總之，CSS邊框不占用外部的技巧可以讓頁面的布局更加精細和美觀。通過使用box-sizing屬性，您可以確保元素的大小只包含內容和內邊距，而不包括邊框和外邊距。這樣可以保持頁面中其他元素的位置穩定，確保頁面的整體設計效果更加一致。