1. ホーム
  2. html

CSSで<table>のボーダーの幅を設定するには?

2023-12-04 14:08:39

質問

なぜこれが動作するのですか?

<table border=1>

で、これはしないの?

<table style="border-width:1px;border-color:black">

ChromeでもIE9でも同じ結果になります。

どのように解決するのですか?

テーブルの縁取りをCSSで行うのは、もう少し複雑です(しかし、それほどではありません。 このjsfiddleを例として ):

table {
  border-collapse: collapse;
  border: 1px solid black;
}

table td {
  border: 1px solid black;
}
<table>
  <tr>
    <td>test</td>
    <td>test</td>
  </tr>
</table>