HTML Table边框

效果

效果图

html

  

    

      
row 1, cell 1
      
row 1, cell 2
      
row 1, cell 2
    
    

      
row 2, cell 1
      
row 2, cell 2
      
row 2, cell 2
    
    

      
row 2, cell 1
      
row 2, cell 2
      
row 2, cell 2
    
  
 

CSS

// 设置宽高 去除td的边框
td{
  border-top:0; 
  border-left:0; 
  height: 200px;
  width: 200px;
  
}
// 去除最后一列的右边框
tr td:last-child{
  border-right: 0;
}
// 去除最后一行的下边框
table tr:last-child td{
  border-bottom: 0;
}