CSS 是前端開發必備的技能之一，其中修改頁面元素的 margin 是 CSS 的基礎知識之一。

div {
margin: 10px 20px; /* 上下邊距為 10px，左右邊距為 20px */
}

通過修改 margin 可以調整頁面元素的位置和布局。margin 有四個屬性值，分別對應元素的上、右、下、左四個邊距。我們可以通過指定不同的數值來控制不同的邊距，也可以使用單獨屬性指定某個方向的邊距。

div {
margin-top: 10px; /* 上邊距為 10px */
margin-right: 20px; /* 右邊距為 20px */
margin-bottom: 10px; /* 下邊距為 10px */
margin-left: 20px; /* 左邊距為 20px */
}

除了使用數字指定邊距，我們還可以使用百分比值和 auto 值來設置 margin。百分比值是相對于父元素的寬度計算的，而 auto 值會自動計算該邊距使得元素水平居中。

div {
margin-top: 5%; /* 上邊距為父元素寬度的 5% */
margin-left: auto; /* 左邊距自動計算，使元素水平居中 */
margin-right: auto; /* 同上 */
}

總結一下，CSS 的 margin 屬性非常靈活，可以通過不同的數值、百分比值、auto 值來設置元素的邊距，使得頁面布局更加美觀。