在給定方面應用邊距

方向特定屬性

CSS 允許你指定給定邊以應用邊距。為此目的提供的四個屬性是：

• margin-left
• margin-right
• margin-top
• margin-bottom

以下程式碼將在所選 div 的左側應用 30 畫素的邊距。檢視結果

HTML

<div id="myDiv"></div>

CSS

#myDiv {
    margin-left: 30px;
    height: 40px;
    width: 40px;
    background-color: red;
}

使用速記屬性指定方向

可以擴充套件標準 margin 屬性以指定所選元素每側的不同寬度。執行此操作的語法如下：

margin: <top> <right> <bottom> <left>;

以下示例將零寬度邊距應用於 div 的頂部，向右側應用 10px 邊距，向左側應用 50px 邊距，向左側應用 100px 邊距。檢視結果

HTML

<div id="myDiv"></div>

CSS

#myDiv {
    margin: 0 10px 50px 100px;
    height: 40px;
    width: 40px;
    background-color: red;
}