テーブル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 |