<table class="ex2">
<details>
<summary>Resumen de la tabla</summary>
Estos son los detalles de la tabla.
</details>
<caption><strong>Balance</strong> por meses</caption>
<figure>
<figcaption>
<strong>Caption de la figure</strong>
</figcaption>
Este texto se asocia a la tabla a modo de figura
</figure>
<col><col><col><col><col>
<thead>
<tr>
<th>Mes</th>
<th>2007</th>
<th>2008</th>
<th>2009</th>
<th>2010</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Total</td>
<td>1000</td>
<td>2000</td>
<td>3000</td>
<td>4000</td>
</tr>
</tfoot>
<tr>
<td>ene</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>feb</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>mar</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>abr</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>may</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>jun</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>jul</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>ago</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>sep</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>oct</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>nov</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
<tr>
<td>dic</td><td>14</td><td>13</td><td>14</td><td>13</td>
</tr>
</table>
caption { text-decoration: overline underline; }
summary { font-weight: bold; }
td, th { padding: 5px; text-align: center; }
col:first-child { background: #FF0; }
col:nth-child(2n+3) { background: #CCC; }
tr:nth-child(2n+2) { background: #DDF; }
th { font-weight: bold; }
tfoot td { color: red; }