CSS定义表格样式

#dataDiv table {
    margin:0;
    padding:0;
    font-family:arial;
    font-size:inherit; 
    border-collapse:collapse; 
    border:1px solid #7F7F7F;
    width:100%;
    
   

}

/*表头*/
#dataDiv th {
    text-decoration:none; color:white; vertical-align:bottom;
    padding:4px 10px 4px 10px;
    border-right:1px solid #CBCBCB;
    background-color: #444446;
}

/*链接*/
#dataDiv th a {
    color:white;
    font-weight:bold;
    text-decoration:none;
}

/*行*/
#dataDiv tr {
    width:100%;
    border:1px solid grey;  /*表格内边框*/
    background-color:white;
}

/*单元格*/
#dataDiv td {
    padding:4px 10px 4px 10px; border-right:1px solid #CBCBCB; text-align:center;
}

 

/*表格标题*/
#dataDiv caption {
    text-decoration:none; color:#eedf32; vertical-align:top;
    padding:4px 10px 4px 10px;
    border-right:1px solid #CBCBCB;
    background:url('../images/title-1.png') repeat-x 0 0;
    font-weight: bold;
}

注意border-collapse:collapse;是保证在firefox，opera下面细线的关键，并且td要加上border要不然里面就没有线了。