css tableの履歴

シンプルなきれいな線のテーブルのcssの設定

※ポイント
border-collapse: collapse;
隣接するセルのボーダーを重ねて表示、二重線にしないための処理。

table{
margin:0 0 10px 10px;
border-collapse: collapse;
border:solid 1px #666;
}

table th{
border: #666 solid;
border-width: 0 0 1px 1px;
background: #666;
}

table td{
padding: 5px;
border:#666 solid;
border-width: 0 0 1px 1px;
}