在網頁設計中，邊框是一個非常重要的元素，它可以為頁面的布局和美觀程度提供很大的幫助。在CSS中，我們可以通過邊框屬性為元素添加邊框，例如:

div {
border: 1px solid black;
}

這個代碼塊可以為一個div元素添加一個1像素寬度的黑色邊框。然而，在默認情況下，邊框會占用頁面布局中的一定空間，會使得元素的尺寸和位置發生變化。如果我們不希望邊框占用頁面布局的空間，可以使用盒模型中的box-sizing屬性，例如:

div {
box-sizing: border-box;
}

border-box指定了元素的尺寸包括內邊距和邊框，而不是將其添加到元素的尺寸中。那么如何在邊框不占用頁面布局空間的同時，仍然顯示出邊框效果呢？這時候，我們可以使用CSS3中的outline屬性：

div {
outline: 1px solid black;
}

與邊框不同，outline不會產生布局占位，因此可以實現邊框的顯示效果而不影響元素的布局。outline的參數和邊框類似，包括寬度，樣式和顏色等。

總的來說，通過box-sizing和outline這兩個屬性，我們可以在元素邊框不占用布局空間的同時，仍然保留邊框的顯示效果。這對于某些特殊設計要求來說是非常有用的。