| 商品 | 単価 | 個数 | 計 |
|---|---|---|---|
| 小計 | 50,000 | ||
| 消費税 | 2,500 | ||
| 合計 | 52,500 | ||
| モニター | 20,000 | 1 | 20,000 |
| メモリー | 10,000 | 2 | 20,000 |
| ハードディスク | 10,000 | 1 | 10,000 |
CSS
col.col1 { background-color: #003300; }
col.col2 { background-color: #669900; }
col.col3 { background-color: #666600; }
TAG
<table cellpadding="4">
<col class="col1"><col span="2" class="col2" align="right">
<col class="col3" align="right">
この例ではtable要素の中に列を表すcol要素を並べます。複数の列をまとめたいときはcol span="2"のように列の数を指定します。
あとはそれぞれの列を指定したcol要素に背景色を指定すればいいのです。