テーブル

数値データなど読みにくくなりがちな情報を整理する方法がテーブル。
CSSの指定で特にポイントとなるのは、セルの背景色の設定と、罫線の色使い、セル内に与える余白の大きさ。
このビジュアルデザインに関する3点をそれぞれ最適化することで、読みやすく、理解しやすいテーブルを作ることができる。
テーブルで使うビジュアルデザインの手法。

反転による強調表現

選択中のセルやテーブルのヘッダー部分に反転した色彩を使う。ボーダー色は可能な限り強調した背景色と同色か明るさの印象が似通ったグレーを使って外観上のバランスをとる。

1行ごとに塗り分ける

行の数が多いテーブルは、1行ごとの背景色を塗り分けて行の情報を目で追いやすくする。
背景色はグレーないし中間色を使い、強調し過ぎない状態する。

列の区切りを強調しない

列の区切り線を表示しない、あるいは薄い色彩で区切りの印象を弱める。