如何在表格单元格上添加边框，而不是在 html 上的整个表格？

Question

我正在尝试在表格单元格上添加边框，但我无法弄清楚如何使用 rowspan 来做到这一点。

我想要一张有 4 个单元格的表格，左侧有 1 个大单元格，大单元格右侧有 3 个小单元格。

这是我使用的代码

jsfiddle[dot]net/1fv4dz5g/3/

Answer 1

这可以使用 CSS 来完成。检查这个 css 示例

td {
  border: 1px solid black;
}

<table class="tnews-side" border="0">

<tr>
<td rowspan="3">
<table border="1" cellpadding="4" cellspacing ="0">Row 1 Cell 1</table>
</td>
  <td>Row 1 Cell 2</td>
</tr>
<tr>
  <td>Row 2 Cell 2</td>
</tr>
<tr>
  <td>Row 2 Cell 2</td>
</tr>
</table>