html - 创建一个三列两行的表格，第二列没有边框

Question

我需要创建一个有 3 列和 2 行的表，第二列没有边框

例如我的代码如下...

 <table border="1" cellpadding="1" cellspacing="1" height="125" width="1037">
 <tbody>        
 <tr>
 <td style="width: 254px">Main Title</td>
 <td style="width: 639px">&nbsp;</td>
 <td>&nbsp;</td>
 </tr>
 <tr>
 <td style="width: 254px">Lots of Contents Column I</td>
 <td style="width: 639px">Lots of Contents Column II</td>
 <td>Lots of Contents Column III</td>
 </tr>
 </tbody>
 </table>

通过使用下面的代码，我得到了第二行的边框..

我不需要第二行的边框..我不能使用合并..因为我需要那个结构。

我唯一需要的是边框不应该显示在第二行。

但结构应该保持不变。

我怎样才能使用 HTML 做到这一点？

Answer 1

使用应用于“表格数据”标签的样式而不是边框​​ = 1（已弃用）可能会解决您的问题。您希望如何组织这些样式的应用程序将根据您要添加到表中的额外信息量等而有所不同。这是一个实现您的目标的简单示例：

对于 html，为每个 tr 添加了一个类（另请注意 cellpadding/cellspacing 也已弃用）：

<table cellpadding="1" cellspacing="1" height="125" width="1037">
<tbody>       
<tr class='border-row'>
<td style="width: 254px">Main Title</td>
<td style="width: 639px">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr class = 'no-border-row'>
<td style="width: 254px">Lots of Contents Column I</td>
<td style="width: 639px">Lots of Contents Column II</td>
<td>Lots of Contents Column III</td>
</tr>
</tbody>
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

和CSS：

​.border-row td {
    border-style:solid;  
    border-width:1px;
}

.no-border-row td {
    border-style:none; 
}

​您实际上不需要指定第二行没有边框，但也许您将来可能希望对其应用一些不同的样式。