I am making tables in html, se code snippet below.

These tables tend to be quite large, and to enhance readability I
have marked every second line in different background color. 

I now wan't to do this using CSS, but then of course I wan't
the CSS to decide how the lines should be marked (for
instance 3 rows white bg, 3 rows red, and so forth)

How do I do this?


-- snippet begin
<TABLE>
<thead>
<tr><th>Col1</th><th>Col2</th></tr>
</thead>
<tbody>
<tr bgcolor=red><TD>someinfo</TD><TD>other</TD></tr>
<tr bgcolor=blue><td>yeah</td><td>sure</td></tr>
<tr bgcolor=red><TD>w2k-sux</TD><TD>os/390 rules</TD></tr>
</tbody>
</table>
--snippet ends

---

Request for Question Clarification by hibiscus-ga on 10 Apr 2004 00:14 PDT

Hi Hairymp, 

There isn't any way to use pure CSS to do what you are asking, at
least not with CSS1 or CSS2.  It's possible with CSS3 though, and also
by using any of a number of dynamic methods via JavaScript, PHP, etc.

If you're interested I would be happy to provide you with information
about these methods, but unfortunately there is no way to do
alternating row colors with just CSS2.

Hibiscus