如有关CSS框模型的文字所述，HTML元素周围可以有空白。

我们可以通过以下CSS属性控制HTML元素周围的边距：

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

这些CSS属性中的每一个都使用任何标准CSS单位(" px"，" em"等)在HTML元素周围设置边距。这里有些例子：

#divOne {
    margin : 20px;
}

#divTwo {
    margin : 20px 10px 20px 10px;
}

#divThree {
    margin-top    : 20px;
    margin-right  : 10px;
    margin-bottom : 20px;
    margin-left   : 10px;
}

这些CSS边距示例中的第一个示例将id为" divOne"的HTML元素的所有四个边距都设置为20像素。它是通过为margin CSS属性设置值20px来实现的。

第二个示例将上边距设置为20像素，右边距设置为10像素，下边距设置为20像素，左边距设置为10像素。通过将" margin" CSS属性设置为" 20px 10px 20px 10px"来实现。这四个值分别指定顶部，右侧，底部和左侧的边距。

第三个示例将上边距设置为20像素，将右边距设置为10像素，将下边距设置为20像素，将左边距设置为10像素。通过分别设置四个CSS属性margin-top，margin-right，margin-bottom和margin-left来实现。