<table>

って、指定すべきことが多いよね。

<tr>

とか

<th>

とか

<td>

とか。

table-layout: auto;         //テーブルのアレイアウトアルゴリズムを指定する。

border-collapse: collapse;           //テーブルのボーダーの表示形式を指定する。

border-spacing: 5px 15px;       //テーブルのボーダーの間隔を指定する。
 
visibility: collapse;      //ボックスの表示・非表示を指定する。 

empty-cells: hide;      //テーブル内の、空のセルの表示形式を指定する。 
 
caption-side: bootom;      //テーブルの<caption>要素の表示位置を指定する。 

なんかもあって、結構面倒です。

でもこれで、枠線(ボーダー)も表示されるって当たり前のように思ってしまった。とほほ…

ボーダーは別に指定しなければいけないんだね!

それも

<td>

に!

 td { border: groove 1px #ccc; }