html - 長さ2列の行間に境界線を作成するには?

Question

次の行を含むテーブルがあります。

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

しかし、境界線の長さは2列になる必要があります(現在は長さ5(すべての列)です)。それは可能ですか?

Answer 1

いいえ、次のように設定する必要がありborder-bottomますtd。

<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/