CSS margin属性

   margin属性作用为调整位置。可以通过设置上下左右的边距来调整位置。后面可以跟1~4个参数,不同的参数会有不同的效果定义。下面进行举例:

   margin为调节位置的属性。它后面可以跟1~4个参数。因此共有四种使用方式。下面进行依次举例。

[css]  view plain  copy
  1. margin:10px 20px 30px 40px;
       此时有四个参数,四个参数依次表示上边距为10px,右边距为20px,下边距为30px,坐边距为40px。
[css]  view plain  copy
  1. margin:10px 20px 30px;  
     此时有三个参数,三个参数依次表示上边距为10px,左右边距为20px,下边距为30px。
[css]  view plain  copy
  1. margin:10px 20px;  
     此时有两个参数,两个参数依次表示为上下边距为10px,左右边距为20px。
[css]  view plain  copy
  1. margin:10px;  

     此时只有一个参数,这个参数表示上下左右的边距均为10px;

     可以通过margin函数来实现浮动项目的上下左右位置的移动。

     实际应用举例:


.category_categoryBox{  
    height:50px;  
    width:180px;  
    margin:15px 0 15px 30px;  
    float:left;  
    background:#aaa;  
}  

你可能感兴趣的:(CSS)