テーブルCSS

  1. 横罫線のみ(デフォルト)
  2. 罫線
  3. 見出し行 背景色あり
  4. ストライプ
  5. コンパクト
  6. マウスオーバーで背景色
  7. 角丸
  8. 見出しセル 行頭罫線
  9. 見出しセル 上罫線
  10. 罫線なし
  11. 右揃え(数値向け)

1. 横罫線のみ(デフォルト)

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

2. 罫線

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

3. 見出し行 背景色あり

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

4. ストライプ

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

5. コンパクト

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

6. マウスオーバーで背景色

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

7. 角丸

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

8. 見出しセル 行頭罫線

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

9. 見出しセル 上罫線

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

10. 罫線なし

番号 商品名 サイズ 価格
1 data data data
2 data data data
3 data data data
data data data

11. 右揃え(数値向け)

出生数(人) 人口1万人あたりの
出生数(人)
総人口(人)
2011 1,050,806 82.22 127,799,000
2010 1,071,304 83.66 128,057,000
2009 1,070,035 83.58 128,032,000
3,192,145 249.46 383,888,000