Pour changer la couleur de fond de la ligne de titre d'un tableau HTML, vous pouvez utiliser le style css ci-dessous :
thead tr {
background-color: lightblue;
}
Pour changer la couleur de fond de la ligne de titre d'un tableau HTML, vous pouvez utiliser des styles CSS. Voici comment procéder :
Vous pouvez appliquer un style directement à l'élément <tr> (table row) en ajoutant l'attribut style pour définir la couleur de fond. Par exemple :
<table border="1">
<thead>
<tr style="background-color: lightblue;">
<th>Titre 1</th>
<th>Titre 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Données 1</td>
<td>Données 2</td>
</tr>
</tbody>
</table>
Voici le résultat :
Il est souvent préférable d'utiliser une feuille de style CSS, surtout si vous souhaitez appliquer de façon cohérente des styles à plusieurs éléments. Voici comment vous pouvez faire :
<style>
thead tr {
background-color: lightblue;
}
</style>
<table border="1">
<thead>
<tr>
<th>Titre 1</th>
<th>Titre 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Données 1</td>
<td>Données 2</td>
</tr>
</tbody>
</table>
Si vous utilisez une feuille de style CSS externe, vous devez lier le fichier CSS à votre document HTML :
Fichier CSS (style.css) :
thead tr {
background-color: lightblue;
}
Document HTML :
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Titre 1</th>
<th>Titre 2</th>
</tr>
</thead>
<tbody>
<tr>
<td>Données 1</td>
<td>Données 2</td>
</tr>
</tbody>
</table>
</body>
Voici le même résultat avec un style externe :
En utilisant ces méthodes, vous pouvez personnaliser la couleur de fond de la ligne du titre de votre tableau HTML.