Tableのスタイリング

テーブルのスタイリング

  <table>
    <thead>
      <tr><th>会社名</th><th>住所</th></tr>
    </thead>
    <tbody>
      <tr><td>○○商事</td><td>東京都板橋区</td></tr>
      <tr><td>xx商事</td><td>東京都葛飾区</td></tr>
    </tbody>
  </table>

table {
  border-collapse: collapse; /*  ボーダーの間をなくす*/
  width: 600px;
}
th {
  border: 1px gray solid;
  padding: 8px;
  background-color: lightgray;
}

td {
  border: 1px solid gray;
  padding: 8px;
}