0

テーブルを縞々にする方法。 http://i800.photobucket.com/albums/yy282/nothingspecialda/test.jpg
↑の試験画像のように見やすいように縞々にしたいと思っています。
今は<tr class="a4">、<tr class="a5">を交互打ってCSSから色を呼び出してます。
試験画像は4行のみですが実際はもっと長くなる予定なので結構手間取りそうなのです。
もっと楽な方法はあるでしょうか？
もし無かったら「無いです。」と答えてください。

では、アドバイスよろしくお願いします。

↓は試験画像のHTMLとCSSです。


☆HTML
<table>
</tr>
<tr class="a3">
<td>番号</td><td>日付</td><td>メニュー</td><td>価格</td>
</tr>
<tr class="a4">
<td>1</td><td>09月27日</td><td>たらこのスパゲティ</td><td>500円</td>
</tr>
<tr class="a5">
<td>2</td><td>10月29日</td><td>ペペロンチーノ</td><td>300円</td>
</tr>
<tr class="a4">
<td>3</td><td>11月03日</td><td>焼肉</td><td>2000円</td>
</tr>
<tr class="a5">
<td>4</td><td>12月29日</td><td>冷やし中華</td><td>400円</td>
</tr>
</table>

☆CSS（色をつける部分だけ表記）
tr.a4 {background-color:#F7F7F7;}
tr.a5 {background-color:#E6E6E6;}

質問者が選んだベストソリューション

Yahoo!知恵袋 5452日前