我有一个包含一些具有rowspan的行的HTML表格,td的简单边框为1像素实心黑色,但我需要在具有rowspan的行组上加粗边框。抱歉我的英语不好,我将添加一张图片以更清楚地说明。
这就是我需要制作的表格:
我尝试添加了以下内容:
但是它也会使没有rowspan的行变得更加厚实。
是否有人能提供CSS或JS的解决方案?
这就是我需要制作的表格:
![enter image description here](https://istack.dev59.com/Kq3MA.webp)
我尝试添加了以下内容:
table tr{
border: 2px solid black;
}
但是它也会使没有rowspan的行变得更加厚实。
是否有人能提供CSS或JS的解决方案?
table{
border-collapse: collapse;
text-align: center;
}
table td, table th{
border:1px solid black;
padding: 0px 14px;
}
<table>
<tr>
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
</tr>
<tr>
<td rowspan="3">val</td>
</tr>
<tr>
<td>val</td>
<td>val</td>
</tr>
<tr>
<td>val</td>
<td>val</td>
</tr>
<tr>
<td rowspan="3">val</td>
</tr>
<tr>
<td>val</td>
<td>val</td>
</tr>
<tr>
<td>val</td>
<td>val</td>
</tr>
<tr>
<td rowspan="3">val</td>
</tr>
<tr>
<td>val</td>
<td>val</td>
</tr>
<tr>
<td>val</td>
<td>val</td>
</tr>
</table>