显示除周围区域以外的所有表格边框

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; }