设置DIV盒子之间间距

设置DIV盒子之间间距

使用CSS样式单词为margin（可进入CSS margin教程了解详细使用方法）。

1、设置对象的上下间距

1. .divcss5-a{margin:10px 0} 

设置“divcss5-a”对象上下间距为10px,左右为0

2、设置对象左右距离

 

1. .divcss5-b{margin:0 8px} 

设置“divcss5-b”对象上下间距为0,左右为8px

 

3、设置DIV盒子与上方相邻间距

 

1. .divcss5-c{margin-top:10px} 

设置“divcss5-c”对象与上方相邻间距为10px

 

4、设置DIV盒子与下方相邻距离

 

1. .divcss5-d{margin-bottom:10px} 

设置“divcss5-d”对象与下方相邻间距为10px

 

5、设置DIV盒子与左方相邻间距

 

1. .divcss5-e{margin-left:9px} 

设置“divcss5-e”对象与左侧方相邻间距为9px

 

6、设置盒子与右方相邻距离

 

1. .divcss5-f{margin-right:12px} 

设置“divcss5-f”对象与右方相邻间距为12px

以上我们为了方便介绍margin设置对象外间距，将对象分别CSS命名为".divcss5-a"至“.divcss5-f”,实际使用时候更加需求命名。