从表格中删除边框

问题描述:

如何从表格标题行中删除顶部蓝色边框以及仅在表格的第一个左侧列中删除左侧蓝色边框?从表格中删除边框

的CSS:

<style type="text/css"> 
    table { 
     width: 800px; 
     color: #235A81; 
     font-family: Arial; 
     font-size: 9pt; 
     border: 0px; 
    } 
    th, td { 
     border: solid blue; 
     border-width: 1px 0px 0px 1px; 
     padding: 4px; 
    } 
    th { 
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#cdcdcd"); 
     width: 110px; 
     height: 20px; 
     border-bottom: 1px solid #808080; 
    } 
    tbody { 
     height: 200px; 
    } 

     div { 
      position: relative; 
      height: 200px; 
      width: 800px; 
      overflow-y: scroll; 
      overflow-x: scroll; 
      border: 1px solid red; 
     } 

     thead tr { 
      position: absolute; 
      top: expression(this.offsetParent.scrollTop); 
     } 
     tbody { 
      height: auto; 
     } 
     table tbody tr:first-child td { 
      padding: 32px 4px 4px 4px; 
     } 
</style> 

这里是一个js小提琴:http://jsfiddle.net/kvbS8/

尝试通过更换您的th, td声明:

th, td { 
    border-bottom: 1px solid blue; 
    border-right: 1px solid; 
    padding: 4px; 
} 
+0

就像一个魅力。我想有时候最简单的东西已经过时了。 – user1959234