Vous êtes sur la page 1sur 1

<!DOCTYPE html> <td>...

</td>
<html lang="en"> </tr>
<head> <tr>
<meta charset="UTF-8"> <td>...</td> <td>...</td> <td>...</td> <td>...</td>
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <td>...</td>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> </tr>
<title>Document</title> <tr>
<style> <td>...</td> <td>...</td> <td>...</td> <td>...</td>
table { <td>...</td>
border:red 5px double; </tr>
margin: auto; <tr>
width: 80%; <td>...</td> <td>...</td> <td>...</td> <td>...</td>
border-collapse:separate; <td>...</td>
caption-side: top; </tr>
} <tr>
table tr:nth-child(odd){ <td>...</td> <td>...</td> <td>...</td> <td>...</td>
background-color: rgb(51, 96, 136); <td>...</td>
} </tr>
ul li::marker{ /* ::marker : styliser le marqueur d'un élément d'une <caption> Table zébré </caption>
liste */ </table>
color: blue;
content: "=>";
}
ol {
list-style: none;
counter-reset: myCounter 5; /* Initialiser un compteur à 5 */
padding-left: 24px;
}
ol>li {
counter-increment: myCounter; /* Incrémenter un compteur */
}

ol>li::before {
/* counters(...) retourne les valeurs des compteurs du plus
externe au plus interne, séparés par la chaîne spécifiée */
content: counters(myCounter,".") " ";
}

</style>
</head>
<body>
<h1> Style des tableaux</h1>
<table>
<thead>
<td>...</td> <td>...</td> <td>...</td> <td>...</td>
<td>...</td>
</thead>
<tr>
<td>...</td> <td>...</td> <td>...</td> <td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td> <td>...</td> <td>...</td> <td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td> <td>...</td> <td>...</td> <td>...</td>

Vous aimerez peut-être aussi