css - tr に適用される背景色は、td が不十分な行全体をカバーしません

Question

行の td が 1 つ少ない場合、tr に適用された背景色がテーブルの幅全体に広がりません。私はこれをグーグルで検索し、border-collapse: collapse; と考えました。これを修正する必要がありますが、私にとってはうまくいきません。ありがとう

    <table>
    <tr class="tr1">
      <td>1</td>
      <td>2</td>
    </tr>
    <tr class="tr2">
      <td>3</td>
    </tr>    
    </table>​

    .tr1 {
        background-color: gold;
    }
    .tr2 {
        background-color: blue;
    }
    td {
        border: none;
        width: 50px;
    }
    table { 
        border-collapse: collapse; 
    }​

http://jsfiddle.net/V3xm8/5/

Answer 1

colspan=2 を td に追加して、その td を 2 列に拡張できます。

Answer 2

に追加できcolspanます<td>

<td colspan="2">

デモ

または空白を追加<td>

<td>3</td><td></td>

私は最初の方法を使用することを好みますが、一部の「テーブル ジェネレーター」は後者を使用します。