会計の帳票のように、10行のデータの中の偶数の行のみ色をつける、もしくは奇数の行のみ色をつけるにはどのような処理をしたら良いでしょうか?
機械的に偶数行につけるのは無理だと思われるので、色を付けたい行の背景色だけ変更するしかないと思います。
ただ、trに背景色を指定するとブラウザによっては正しく表示できないのでtdにつけたほうが安全だと思います。
<table>
<tr>
<td>1</td></tr>
<tr>
<td class=”black”>2</td></tr>
<tr>
<td>3</td></tr>
<tr>
<td class=”black”>4</td></tr>
</table>
スタイルシート
.black{
background-color:#999999}
http://www.hajimeteno.ne.jp/stylesheet/actually/bgcolor.html
CSSの実際のところ - background-color
HTMLもスタイルシートも、そのデータが何行目だよ、などと言うことを知りませんので、明示的に指定しなければなりません。
帳票ということで、tableを使っているという前提でいくと、奇数行のtrを<tr class=”odd”>、偶数行のtrを<tr class=”even”>などとして、CSSを以下の様に記述するのはどうでしょうか。当然、その内側のtdやthには背景色を指定しない前提です。
tr.odd{ background-color: #ffffff; }
tr.even{ background-color: #cccccc; }
http://www.02.246.ne.jp/~yingming/macclinic/tips/excel_html.html
Excel-HTML Conversion
私も以前同じことをやろうとして、同じ処理をしている証券会社のサイトのHTMLソースを見たのですが、HTMLのtableタグで色分けしてあったため、スタイルシートでの色分けはあきらめました。
私の場合は上記のサイトのように、EXCELでHTMLのソースを作るようにし、色分け部分はIF関数や文字列処理で作りました。
コメント(0件)