CSS - base - 4/4 Pseudo-classes
Source :
CSS - 4/4 - Exercice 1 (en ligne)
En utilisant les sélecteurs réaliser les mises en forme suivantes :
- mettre une bordure et une marge interne sur chaque case du tableau.
-
colorier le fond des lignes impaires du tableau.
-
colorier le texte de la dernière ligne du tableau.
<table>
<tr>
<td>Ligne 1 - Colonne 1</td>
<td>Ligne 1 - Colonne 2</td>
<td>Ligne 1 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 2 - Colonne 1</td>
<td>Ligne 2 - Colonne 2</td>
<td>Ligne 2 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 3 - Colonne 1</td>
<td>Ligne 3 - Colonne 2</td>
<td>Ligne 3 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 4 - Colonne 1</td>
<td>Ligne 4 - Colonne 2</td>
<td>Ligne 4 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 5 - Colonne 1</td>
<td>Ligne 5 - Colonne 2</td>
<td>Ligne 5 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 6 - Colonne 1</td>
<td>Ligne 6 - Colonne 2</td>
<td>Ligne 6 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 7 - Colonne 1</td>
<td>Ligne 7 - Colonne 2</td>
<td>Ligne 7 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 8 - Colonne 1</td>
<td>Ligne 8 - Colonne 2</td>
<td>Ligne 8 - Colonne 3</td>
</tr>
<tr>
<td>Ligne 9 - Colonne 1</td>
<td>Ligne 9 - Colonne 2</td>
<td>Ligne 9 - Colonne 3</td>
</tr>
</table>
| Ligne 1 - Colonne 1 |
Ligne 1 - Colonne 2 |
Ligne 1 - Colonne 3 |
| Ligne 2 - Colonne 1 |
Ligne 2 - Colonne 2 |
Ligne 2 - Colonne 3 |
| Ligne 3 - Colonne 1 |
Ligne 3 - Colonne 2 |
Ligne 3 - Colonne 3 |
| Ligne 4 - Colonne 1 |
Ligne 4 - Colonne 2 |
Ligne 4 - Colonne 3 |
| Ligne 5 - Colonne 1 |
Ligne 5 - Colonne 2 |
Ligne 5 - Colonne 3 |
| Ligne 6 - Colonne 1 |
Ligne 6 - Colonne 2 |
Ligne 6 - Colonne 3 |
| Ligne 7 - Colonne 1 |
Ligne 7 - Colonne 2 |
Ligne 7 - Colonne 3 |
| Ligne 8 - Colonne 1 |
Ligne 8 - Colonne 2 |
Ligne 8 - Colonne 3 |
| Ligne 9 - Colonne 1 |
Ligne 9 - Colonne 2 |
Ligne 9 - Colonne 3 |