html - TableRowの列幅をカスタマイズする

Question

HTMLテーブルがあります。

1行目は5要素ですが、2行目は3要素のみです。

---

2行目の3列が、前の行のそれぞれの列の幅と同じ幅になるのはなぜですか？

つまり、2行目には3つの列しかないので、行を埋めるために自動サイズ変更することは想定されていませんか？

2行目の2列目の幅を設定してみましたが、1行目の2列目の幅も大きくなりたくありません。

助けていただければ幸いです。

---

編集

必要な出力

Answer 1

ねえ今colspan

このように

        <table width="100%" cellspacing="0" cellpadding="0">
<tr class="blue">
<td width="35%"></td>
<td width="15%">SignUp</td>
<td width="15%">Create Blog</td>
<td width="15%">Custimize Blog</td>
<td width="15%">Success</td>
</tr>

  <tr>
    <td colspan="5">
    <table width="100%" cellspacing="5" cellpadding="0">
<tr>
<td class="blue2">Create Blog</td>
<td class="blue3">Custimize Blog</td>
<td class="blue4">Success</td>
      </tr></table>
    </td>
  </tr>

</table>

Css

table tr td{
text-align:center;
}
.blue{
background:lightblue;
}


.blue2{
background:red;
}


.blue3{
background:blue;
}
.blue4{
background:green;
}

ライブデモhttp://tinkerbin.com/vqnhht02

そして今、あなたのデザインwidthに、またはheightそれに応じて変更します

Answer 2

これを試して：

`<table width="100%" cellspacing="0" cellpadding="0">
  <tr class="blue">
    <td width="20%"></td>
    <td width="15%"></td>
    <td width="15%">SignUp</td>
    <td width="15%">Create Blog</td>
    <td width="15%">Custimize Blog</td>
    <td width="15%">Success</td>
  </tr>

  <tr>
    <td class="blue" colspan="2">Create Blog</td>
    < td class="blue" colspan="2">Custimize Blog</td>
    <td class="blue" colspan="2">Success</td>
  </tr>
</table>`

必要に応じて背景色を指定します。

この幅の問題は修正されたと思います。