我们可以使用bordercolorlight与bordercolordark 来设置Table的边框，使之变得漂亮；

1、 bordercolorlight与bordercolordark的用法（这种用法只限于IE）

       

           

       

       

           

       

   

第一行e3efff

第二行f5f9ff

 

2、 通过css设置边框属性达到同样的效果

 

Table可以使用上面定义的样式达到同样的效果，而且是多浏览器中；

   

       

           

       

       

  

           

       

   

第一行

第二行

 

    一般table样式加这两个属性BORDERCOLORLIGHT=”B4DBFA” BORDERCOLORDARK=”#FFFFFF”会比较好看一点，但是在css中不好定义，而且这两个属性是ie独有的，在火狐上显示不出特性。

不过还是可以通过css来通过定义的。

 

代码
TABLE.colorTest{     
    border-top: 1px solid #B4DBFA;      
    border-left: 1px solid #B4DBFA;      
    border-right: 0px;      
    border-bottom: 0px; 
}

.colorTest TD {     
    border-top: 1px solid #FFFFFF;      
    border-left: 1px solid #FFFFFF;      
    border-right: 1px solid #B4DBFA;      
    border-bottom: 1px solid #B4DBFA;   
} 

 

 

而且

CELLSPACING=”0″ CELLPADDING=”0″ 

这两个属性也可以通过这个方法来定义

 

TABLE.colorTest{     
    border-collapse:collapse;  
}     
.colorTest TD {     
    padding: 0;    
}