#border-collapseが効かない
tableを普通に作るとセルとセルの間に隙間ができてしまう。
それを防ぐために

table{
  border-collapse: collapse;
}

を書くのだが、なぜか隙間がうまらなかった。
たくさん調べたのだが、

タグを使って場合はcollapseは無効になるらしい。
だが今回は何の変哲もないtableだった。

#separateとborder-spacingを併用して隙間をなくす
こうすればよい。
あえて隙間を作って(seprate)、隙間をなくす(border-spacing)

table{
  border-collapse: seprate;
  border-spacing:0px;
}

簡素な記事ですみません。