CSS外邊距是控制網頁元素與其他元素的間距的常用屬性。在設計網頁布局時，合理運用外邊距可以達到美觀、對齊等效果。

margin-top: 10px; /*上邊距*/
margin-bottom: 10px; /*下邊距*/
margin-left: 10px; /*左邊距*/
margin-right: 10px; /*右邊距*/

通常，外邊距的值可以為正或負數。若為正數，則元素會與周圍的元素產生間距；若為負數，則元素會與周圍的元素重疊。

對于一些特殊的場景需求，我們還可以用外邊距合并的方式達到一些效果。通常，當兩個元素 (A 和 B) 的外邊距接觸時，它們的外邊距會發生合并。

.A {
margin-bottom: 20px;
}
.B {
margin-top: 10px;
}

在這個例子中，由于兩個元素的外邊距相遇了，所以它們的邊距被縮減為較大的那個元素的邊距值。這樣就可以達到減少間距和美化等效果。

總的來說，正確的使用CSS外邊距可以產生很多好的效果。在實際的網頁布局中，開發者需要根據自己的需求和實際情況來合理的運用這個屬性。