CSS 邊距

邊距清除邊界周圍的區域，將其與其他框分開。

CSS 邊距屬性

CSS 邊距 background-color 屬性允許你設定元素框邊緣的邊距。沒有邊距的話，它是完全透明的。

設定單個邊距

你可以使用 CSS 單個邊距屬性輕鬆指定元素不同邊的不同邊距，例如頂部、右側、底部或左側。

h1 {
    margin-bottom: 20px;
}
p {
    margin-left: 10px;
    margin-right: 30px;
}

邊距速記屬性

margin 屬性是一個速記屬性，以避免單獨設定各邊的邊距，比如 margin-top ， margin-right ， margin-bottom 和 margin-left 。

h1 {
    margin: 0 10px;
}
p {
    margin: 25px 50px 75px 100px;
}

這種簡寫符號可以採用一個，兩個，三個或四個空格分隔值。

• 如果設定了一個值，則將其應用於所有四個邊。
• 如果指定了兩個值，則第一個值應用於頂部和底部，第二個值應用於右側和左側。
• 如果指定了三個值，則第一個值應用於頂部，第二個值應用於左側和右側，最後一個值應用於底部。
• 如果指定了四個值，則它們將按指定順序分別應用於頂部、右側、底部和左側。