html - 如何在长度为 2 列的行之间制作边框？

Question

我有一个包含以下行的表格:

<tr class = 'output' style='border-bottom: 1px dotted silver;'>

但我需要边框的长度为 2 列(现在它的长度为 5(所有列)。这可能吗？

Answer 1

不，您必须在 td 上设置 border-bottom:

<tr class = 'output'>
  <td style='border-bottom: 1px dotted silver;'></td>
  <td style='border-bottom: 1px dotted silver;'></td>
  <td></td>
  <td></td>
  <td></td>
</tr>

或者，您可以使用 CSS 执行此操作:

table tr.output td:nth-child(1), table tr.output td:nth-child(2) {
    border-bottom: 1px dotted silver;
}​

http://jsfiddle.net/awUTV/