html - スタイリング テーブルの問題

Question

したがって、テーブルには各行の下にのみ境界線が必要です。

td{

    border-bottom-style: solid;}

ただし、列の間には、目に見える境界線があります。どうすればそれを削除できますか？

Answer 1

table {
    border-collapse: collapse;
}

http://jsfiddle.net/Adrift/LSNR7/

Answer 2

CSS で境界線の折りたたみを使用します。

table {
    border-collapse: collapse;
}

Answer 3

1つの可能性は使用することです

table {
   border-collapse:collapse;
}

または、それがオプションでない場合 (以前のバージョンの IE で解決したよりも多くの問題を引き起こす可能性があります)、次のように進めることができます...

table {
   border-spacing:0;
}

好きなのを選びな！

Answer 4

以下を試してください：

table {
border-collapse: collapse;
}