テーブルの td や th に対して、border: none や border-collapse: collapse を当てる。テーブルのボーダーは別にあるが、後述することをしなければ、テーブルだけのボーダーは難しい。div タグで囲ってしまった方が早そう。

そのままテーブルを挿入すると・・・

テーブルセル

テーブルセル

テーブルセルに、border-collapse: collapse を与えると・・・

テーブルセル

テーブルセル

collapse によってセル同士がぴったりくっつく。

テーブルセルに border: none のみ与えると・・・

テーブルセル

テーブルセル

collapse がない分だけ少し間隔ができる。デフォルトが separate であるため。

このテーブルタグだけに、ボーダーを適用するには・・・

テーブルセル

テーブルセル

上までと同様、td タグなどに、border: none を適用してから、htmlの中で直接、style 属性でボーダーを与えないと、何故かできなかった。class 属性も id 属性も、スタイルシート側での !important も試したが駄目だった。