在给定方面应用边距

方向特定属性

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;
}