HTMLにて、tableに下記のスタイルを指定すると、CSSの見た感じがわかりやすく簡単で、レンダリングもきれいにできているように見えます。 table {border-collapse:collapse;} td, th {border:1px solid #000000;} border-collapse:collapse; の指定は、境界線の共有。 1pxの境界線を共有するということは、計算上隣接するセル同士で0.5pxずつ受け持つことになります。 この指定によって、Firefoxで上の境界線、左の境界線が消える、期待する位置から1pxずれるといった問題が発生します。 ★ ★ ★ こちらをおすすめします。 ★ ★ ★(IE6非対応。CSSハック入りは下に追記。) table { border-collapse: separate; border-spacing:0; empty-ce
![border-collapse:collapse;にするべきか separateにするべきか at softelメモ](https://cdn-ak-scissors.b.st-hatena.com/image/square/1547f4b97eb50bd09e99d5f897a6c447ee41f867/height=288;version=1;width=512/https%3A%2F%2Fwww.softel.co.jp%2Fblogs%2Ftech%2Ffb.png)