【CSS】一番単純でスッキリしているtable装飾用のCSS

タイトル通り、一番単純でスッキリしているテーブルのスタイル指定。
自分へのコピペ用としてポストします。

単純でスッキリしているテーブル装飾用CSS

イメージ

※？アイコンは含みません

style

border-collapseに"collapse"を指定することで、ボーダーが細くなってくれます。
あとは適当に。

[css]
.demo table {
border-collapse: collapse;
}

.demo td, #content th {
border: 1px solid #aaa;
padding: 6px;
font-size: 0.9em;
}

.demo table th {
background-color: #eee;
}
[/css]

HTML

テーブルのHTML。できるだけ単純に。

[html]