1、margin(外边距)
margin位于盒子外边框,指与其他盒子之间的距离。
外边距的属性
四个方向 margin-top 上外边距 例子 margin-top:1px
margin-right 右外边距
margin-bottom 下外边距
margin-left 左外边距
缩写形式 margin 在一个声明中统一设置四个方向的外边距 margin:1px 2px 3px 4px
2.border(边框)
修饰属性 border-color 边框颜色
border-width 边框宽度
border-style 边框样式,
常用的取值如下 none 无边距
solid 实线 dashed 虚线
四方方向 border-top 上边距
border-left 左边距
border-right 右边距
border-bottom 下边框
缩写形式 border 在一个声明中统一设置四个方向的边框属性 border:1px solid red
border-left 等 border-left:1px solid red
3.padding (内边距) *padding值不允许为负
四个方向 padding-top 内容与上边框之间的距离 padding-top:5px;
padding-right 内容与右边框之间的距离 padding-right:5px
padding-bottom 内容与下边框之间的距离 padding-bottom:5px
padding-left 同上
缩写形式 padding 在一个声明中统一设置四个方向的填充属性 padding:5px 10px 20px 40px