par

Comment puis-je changer la couleur des bordures d'un tableau en HTML ?

1 Réponse

+1 validé
par

Pour changer la couleur des bordures d'un tableau HTML, vous pouvez utiliser la propriété CSS border-color. Les couleurs peuvent être exprimées avec :

  • Des mots clés (white, black, red ...).
  • Des valeurs exprimées en hexadécimal RGB.
  • Des valeurs exprimées en RGBA.
  • Des couleurs HSL ou Système.

Les couleurs des bordures d'un tableau peuvent être appliquées au tableau <table>, aux entêtes <th>, ou aux cellules <td>, et également aux balises <thead>, <tbody> et <tfoot> si elles sont présentes.

Remarque : Vous noterez dans l'exemple ci-après la propriété CSS border, qui permet de définir en même temps l'épaisseur, le type et la couleur des bordures.

<!DOCTYPE HTML>  
<html>
<head>
<title>Comment changer la couleur des bordures d'un tableau HTML ?</title>  
</head> 
<body>
<style>
table {
border-style: solid;
border-width: 3px;
border-color: green;
}
th {
border-style: solid;
border-width: 3px;
border-color: #DDD;
}
td {
border: 3px dotted red;
}
</style>
<table>
<th colspan="2">Entête du tableau</th>
        <tr>
            <td>Colonne 1</td>
            <td>Colonne 2</td>
        </tr>
</table>
</body> 
</html>

Vous trouverez d'avantage d'informations sur la propriété CSS border-color via cette page du site de Mozilla.

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...