1、外边距:
围绕在内容边框的区域就是外边距,外边距默认为透明区域,外边距接受任何长度单位、百分比值
2、外边距常用属性
margin 设置所有外边距
margin-bottom设置底边距
margin-left设置左边距
margin-right设置右边距
margin-top 设置上边距
3、2个盒子外边距都是100,排列起来边距是100,如果一个是50,一个是100,那么边距是100,遵循大的
<body>
<div class="container">
<div class="bd">
<div class="pd">
<div class="content">丁涛最帅!!!</div>
</div>
</div>
</div>
</body>
body{
margin: 0px;
}
.container{
margin: 100px;
}
.bd{
border-style: dotted;
}
.pd{
padding: 100px;
}
.content{
background-color: red;
text-align: center;
}