テーブルCSS
- 横罫線のみ(デフォルト)
- 罫線
- 見出し行 背景色あり
- ストライプ
- コンパクト
- マウスオーバーで背景色
- 角丸
- 見出しセル 行頭罫線
- 見出しセル 上罫線
- 罫線なし
- 右揃え(数値向け)
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 |