如何添加表格單元格的邊框，但不是html上的整個表格？

Question

我想在表格單元格上添加邊框，但我無法弄清楚如何用rowspan來做到這一點。

我想要一個有4個單元格的表格 左側是1個大單元格，右側是3個小單元格。

下面是我用

代碼的jsfiddle [點]網/ 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>

Answer 2

這樣做有使用CSS的2種方式：

設置每個/所有td一類，並使用CSS邊框：

<style> 
.bigCell{border:1px solid black;} 
.smallCell{border-left:1px solid black;} 
</style> 
... 
<td class="biCell"> 
... 
<td class="smallCell"> 

或者你可以使用嵌套選擇或:nth-child()選擇器

<style> 
table tr:nth-child(2) td 
{ 
    border:... 
} 

</style> 

您可以檢查： https://css-tricks.com/almanac/selectors/n/nth-child/