CSS外邊距是指元素與其周圍元素之間的距離，它可以決定一個元素在頁面中的位置，同時還可以用來調整元素的間距、大小等。

樣式代碼：
margin: 10px 5px 20px 5px;

上面的代碼中，我們使用了margin屬性，它接受一組值來指定上、右、下、左四個方向的外邊距，這些值可以是像素、百分比或em。

以margin: 10px 5px 20px 5px;為例：

• 10px是指元素上方與周圍元素的距離。
• 5px是指元素右側與周圍元素的距離。
• 20px是指元素下方與周圍元素的距離。
• 5px是指元素左側與周圍元素的距離。

除了可以設置具體的數值外，margin還有一些特殊的取值：

• auto：表示自動計算外邊距值。
• inherit：表示繼承父元素的外邊距值。
• initial：表示使用默認值。

CSS外邊距的應用場景非常廣泛，例如可以通過控制p標簽的外邊距調整段落與頁面邊緣之間的距離，或者通過調整元素的外邊距來實現頁面布局的調整。

總之，掌握好CSS外邊距的使用方法，可以讓我們更加輕松地處理頁面布局問題，讓網頁呈現出更加漂亮和合理的效果。