1.边界属性margin

margin:auto|长度值|百分比值;

□ 单侧的边界和简写

margin-top:5px;

同时定义四个单侧的属性,顺序遵循"钟面原则上右下左":

margin:margin-top|margin-right|margin-bottom|margin-left;

margin:40px 30px 20px 10px;

例如两元素:content1 content2

<div class="content1"></div>

<div class="content2"></div>

?

两元素分别定义为:

.content1{

margin-bottom:50px;

height:50px;

width:300px;

background:#cccccc;

}

.content2{

margin-top:50px;

height:50px;

width:300px;

background:#cccccc;

}