我们可以使用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;