Dar formato a una tabla en la que el color de las filas se alternase o bien lo hacía "manualmente" o creaba un pequeño script con ASP. A medida que uno va viendo las posibilidades de los CSS y, con ayuda de un poco de Javascript, se puede lograr el mismo efecto sin necesidad hacerlo manualmente o utilizar una tecnología de servidor como ASP.
El Javascript se encarga de evaluar si la fila es par o impar y le asigna el estilo que hayamos definido para cada una de ellas:
<html>
<head>
<script>
function AplicarCebra () {
var tables = document.getElementsByTagName("table");
for (var i = 0; i < tables.length; i++) {
if (tables[i].className.match(/TablaCebra/)) {
TablaCebra(tables[i]);
}
}
}
function TablaCebra (table) {
var current = "impar";
var trs = table.getElementsByTagName("tr");
for (var i = 0; i < trs.length; i++) {
trs[i].className += " " + current;
current = current == "par" ? "impar" : "par";
}
}
</script>
<style>
tr.impar { background-color: #CCCCCC; }
tr.par { background-color: #FFFFFF; }
</style>
</head>
<body onload="AplicarCebra()">
<table width="70%" class="TablaCebra">
<tr>
<td>fila1 celda1 </td>
<td>fila1 celda 2 </td>
<td>fila1 celda 3 </td>
</tr>
<tr>
<td>fila2 celda 1 </td>
<td>fila2 celda 2 </td>
<td>fila2 celda 3 </td>
</tr>
<tr>
<td>fila3 celda1 </td>
<td>fila3 celda2 </td>
<td>fila3 celda 3 </td>
</tr>
<tr>
<td>fila4 celda 1 </td>
<td>fila4 celda2 </td>
<td>fila4 celda 3 </td>
</tr>
</table>
</body>
</html>