Hola, necesito ayuda.
Necesito que la tabla me quede igual que la imagen por favor.
Lo que necesito conseguir es que los dias de la semana se queden arriba a la derrecha como esta en la imagen.
Este el codigo que he utilizado.
<!DOCTYPE html>
<html>
<head>
<title>Ejercicio 2 de tablas</title>
<meta charset="UTF-8"/>
<style type="text/css">
caption {
font-family:rose difont;
font-size:20px;
}
.rojo {
color:red;
}
.gris {
color:#D8D8D8;
}
td {
width:100px;
height:100px;
text-align:right;
}
h5 {
text-align:center;
}
</style>
</head>
<body>
<table border="1">
<colgroup span="5" style="background-color:white"/>
<colgroup span="1" style="background-color:#E6E6E6"/>
<colgroup span="1" style="background-color:#F3E2A9"/>
<caption>Febrero 2007</caption>
<thead>
<tr>
<th>Lunes</th>
<th>Martes</th>
<th>Miercoles</th>
<th>Jueves</th>
<th>Viernes</th>
<th>Sabado</th>
<th class="rojo">Domingo</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td class="gris">1</td>
<td class="gris">2</td>
<td>3</td>
<td class="rojo">4</td>
</tr>
<tr>
<td class="gris">5</td>
<td class="gris">6</td>
<td class="gris">7</td>
<td class="gris">8</td>
<td class="gris">9</td>
<td>10</td>
<td class="rojo">11</td>
</tr>
<tr>
<td class="gris">12</td>
<td class="gris">13</td>
<td class="gris">14</td>
<td class="gris">15</td>
<td class="gris">16</td>
<td>17</td>
<td class="rojo">18</td>
</tr>
<tr>
<td>19 <br/><h5>Comienzo del curso</h8></td>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td class="rojo">25</td>
</tr>
<tr>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
</tbody>
</table>
</body>
</html>
