CSS的外邊框邊距是一種非常重要的樣式屬性，它可以用來控制元素與其他元素之間的距離。在CSS中，我們可以使用margin和padding兩個屬性來定義外邊框邊距。

margin屬性定義元素的外邊框邊距，即元素與其他元素之間的距離。margin可以接受一個值、兩個值、三個值或四個值。對于一個值，表示所有邊距的值都相等；對于兩個值，第一個值表示上下邊距，第二個值表示左右邊距；對于三個值，第一個值表示上邊距，第二個值表示左右邊距，第三個值表示下邊距；對于四個值，順序為上右下左。

p {
margin: 10px; /* 所有邊距 */
margin: 10px 20px; /* 上下為10px，左右為20px */
margin: 10px 20px 30px; /* 上為10px，左右為20px，下為30px */
margin: 10px 20px 30px 40px; /* 上右下左分別為10px、20px、30px、40px */
}

padding屬性定義元素的內邊框邊距，即元素內部與內容之間的距離。padding也可以接受一個值、兩個值、三個值或四個值，含義與margin相同。

p {
padding: 10px; /* 所有邊距 */
padding: 10px 20px; /* 上下為10px，左右為20px */
padding: 10px 20px 30px; /* 上為10px，左右為20px，下為30px */
padding: 10px 20px 30px 40px; /* 上右下左分別為10px、20px、30px、40px */
}

總之，外邊框邊距是實現頁面布局和美觀的重要手段，掌握margin和padding的使用方法可以讓我們更加靈活地進行頁面設計。