1

< colgroup > タグを使用して、CSS で表の列の境界線をスタイル設定するのに問題があります。

実行しようとしているコードは次のとおりです。

<table style='font-size:18px; margin:auto; text-align:center; font-family:sans-serif; border-spacing:1.875em;'>
  <caption style='text-align:left;'>Wait...</caption>
  <colgroup>
    <col span='1' style='border:solid firebrick;'>
  </colgroup>
  <tr>
    <td style='color:blue;'>They chose:</td>
    <td style='color:blue;'>They chose:</td>
  </tr>
  <tr>
    <th>Option 1</th>
    <th>Option 2</th>
  </tr>
  <tr>
    <td>You: $4</td>
    <td>You: $5</td>
  </tr>
  <tr>
    <td>Them: $5</td>
    <td>Them: $4</td>
  </tr>
</table>

自分で実行するとわかるように、このコードは、テーブルの最初の列の周りに配置したい耐火レンガの境界線を生成しません。<table>タグに「border-spacing:0em」「border-collapse:collapse」を適用しても、耐火ブリック枠が出ません。

私が間違っていることを誰かが知っていますか?

4

1 に答える 1