Tweet

bootstrapを使うと、綺麗なテーブルを簡単にかけます(このサイトも Bootstrap を使っています)。

テーブルを書く際は、以下の要素を使うようにします。

<table class="table"> <!-- table要素を、tableクラスとする -->
  <thead> <!-- 最初の一行は、thead要素内に定義する -->
    <tr>
      <th>年</th>
      <th>月</th>
      <th>日</th>
    </tr>
  </thead>
  <tbody> <!-- 2行目からは、tbody要素内に定義する -->
    <tr>
      <td>2012</td>
      <td>7</td>
      <td>12</td>
    </tr>
    <tr>
      <td>2012</td>
      <td>7</td>
      <td>13</td>
    </tr>
  </tbody>
</table>

table要素で、tableクラスを指定するだけです。以下はサンプルです。

お問い合わせは sweng.tips@gmail.com まで。