显示所有表格边框除了周边的人

Question

我试图做到这一点：

，但我努力去做了整整一天。为了记录，它需要是<table>标签。

Answer 1

这是你在找什么？ https://jsfiddle.net/pgnzyht6/

HTML

<table> 
    <tr> 
     <th>Heading 1</th> 
     <th>Heading 2</th> 
     <th>Heading 3</th> 
    </tr> 
    <tr> 
     <td>cell</td> 
     <td>cell</td> 
     <td>cell</td> 
    </tr> 
    <tr> 
     <td>cell</td> 
     <td>cell</td> 
     <td>cell</td> 
    </tr> 
    <tr> 
     <td>cell</td> 
     <td>cell</td> 
     <td>cell</td> 
    </tr> 
</table> 

CSS

table { border-collapse: collapse; } 

td + td, 
th + th{ border-left: 1px solid; } 
tr + tr{ border-top: 1px solid; }