Pour changer la couleur du titre d'un tableau HTML, vous pouvez utiliser le style CSS ci-dessous :
th {
color: red;
}
Pour changer la couleur du titre d'un tableau HTML, vous pouvez utiliser des styles CSS. Voici comment procéder :
Vous pouvez appliquer un style directement à l'élément <th> (table header) en ajoutant l'attribut style pour définir la couleur du texte. Par exemple :
<table border="1">
<thead>
<tr>
<th style="color: red;">Titre 1</th>
<th style="color: red;">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>
th {
color: red;
}
</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) :
th {
color: red;
}
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 :
Avec ces méthodes, vous pouvez facilement personnaliser la couleur de votre titre de tableau en HTML.