1）实现任意一行下边框的颜色设置：

• 单元格边距(表格填充)() -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间
• 单元格间距(表格间距)() -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离

实现的效果为：

html代码：

    
         
             
         
     
              
       
                    
1
        
2
        
3
               
               
                    
ws
        
ws
        
ws
               
               
                    
ws
        
ws
        
ws
               
          
     

对应的less为：

table{
       th{        border-bottom: 1px solid grey;    }    .first-row{    /*设置该tr中td的边框颜色，要注意的是在html中设置cellspacing="0"*/        td{        border-bottom: 1px solid red;        }    }    }

由于cellspacing设置的是td与td之间的距离，如果将cellspacing=10px;cellpadding=0px；则效果为：

 

 

2）当给<tr>标签设置为display:block;时，可以设置<tr>的高度和宽度以及边框，以及上下边距。且此时每行的<td>可以设置不同的百分比宽度，如

     
              
       
                    
1
        
2
        
3
               
               
                    
ws
        
ws
        
ws
               
               
                    
ws
        
ws
        
ws
               
          
     

此外，由于设置<td>边框时，会导致左右边框重合，边框变粗，所以应该只设置一侧边框border-left：

 3）几个使用的特性：

border-collapse:collapse;//属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示（separate）。

empty-cells: show;//属性设置是否显示表格中的空单元格（仅用于“分离边框”模式，即border-collapse:separate）。