Style type=" text/css"

とりあえずデミタスコーヒー関係の表でも作っておきます

CSSを使った表です(汗

デミタスコーヒー比較

商品名	メーカー	内容量	評価
ジョージア　デミタスオン	コカ･コーラ	155g	(ﾟДﾟ)ｳﾏｰ
ダイドーデミタスコーヒー	ダイドー	155g	ｷﾀ━(ﾟ∀ﾟ)━!
ワンダ　デミタス・コーヒー	アサヒ飲料	170g	（　´_ゝ`）
Aroma　Drip DEMITASSE	伊藤園	170g	(´･ω･`)ｼｮﾎﾞｰﾝ

サンプルソースは下の通り



<table border="2"><tbody></tbody>

<caption>デミタスコーヒー比較</caption><tbody><tr><th>商品名</th>

<th>メーカー</th>

<th>内容量</th>

<th>評価</th>

</tr>

<tr><td>ジョージア　デミタスオン</td>

<td>コカ･コーラ</td>

<td>155g</td>

<td>(ﾟДﾟ)ｳﾏｰ</td>

</tr>

<tr><td>ダイドーデミタスコーヒー</td>

<td>ダイドー</td>

<td>155g</td>

<td>ｷﾀ━(ﾟ∀ﾟ)━!</td>

</tr>

<tr><td>ワンダ　デミタス・コーヒー</td>

<td>アサヒ飲料</td>

<td>170g</td>

<td>（　´_ゝ`）</td>

</tr>

<tr><td>Aroma　Drip DEMITASSE</td>

<td>伊藤園</td>

<td>170g</td>

<td>(´･ω･`)ｼｮﾎﾞｰﾝ</td>

</tr>

</tbody>

</table>

<style type="text/css">body { color: #000000; }table, td, th {border-width: 2px;border-style: solid; border-color: #32CD32; }th {background: #F5F5DC; }td { background: #F5DEB3; }</style>



このソースを使うと上のような表が作れますが

欠点があるようでサイドバーのカレンダーとかの表までも置き換えられてしまいます