CSS 是網頁設計中非常重要的一部分，其中包括內邊框和外邊框的概念。內邊框指的是元素內部與元素內容之間的距離，而外邊框指的是元素邊緣與周圍元素之間的距離。在 CSS 中，我們可以通過使用 padding 和 margin 屬性來控制內邊框和外邊框。

首先，讓我們來看看內邊框的使用。在 CSS 中，可以使用 padding 屬性來設置元素的內邊距。padding 屬性可以接受具體的長度值，也可以接受百分比的值。以下是一個設置為 20 像素的內邊距的示例：

.example {
padding: 20px;
}

此時，元素內容會與元素邊緣之間有一定的間距，使頁面看起來更加舒適和整潔。同時，我們還可以為每個方向設置不同的內邊距值。以下是一個左右邊距為 20 像素，上下邊距為 10 像素的示例：

.example {
padding: 10px 20px;
}

使用 margin 屬性也可以控制元素的外邊距。margin 屬性的使用和 padding 屬性類似，可以接受具體的長度值，也可以接受百分比的值。以下是一個設置為 20 像素的外邊距的示例：

.example {
margin: 20px;
}

此時，元素與周圍元素之間會有一定的距離，增加了整個頁面的空氣感。同樣地，我們也可以為每個方向設置不同的外邊距值。以下是一個左右外邊距為 20 像素，上下外邊距為 10 像素的示例：

.example {
margin: 10px 20px;
}

總之，內邊框和外邊框的使用可以使頁面的布局變得更加美觀和整潔。在實際的網頁設計中，我們需要靈活運用這些屬性，根據具體的需求來調整元素的內邊距和外邊距。希望這篇文章對你有所幫助！