Accueil - CLAIR OBSCUR -

DOSSIER - Conception de tableaux

Les couleurs Une couleur de fond Vous pouvez appliquer une couleur de fond sur un tableau. Pour cela, insérez dans la balise <TABLE> l'attribut suivant : <TABLE BGCOLOR=[couleur]> Exemple de tableau de fond bleu code source exemple <TABLE BORDER=1 BGCOLOR=blue> <TR> <TD> Première cellule de la première ligne</TD> <TD>Deuxième cellule de la première ligne</TD> </TR> <TR> <TD>Première cellule de la seconde ligne</TD> <TD>Deuxième cellule de la seconde ligne</TD> </TR> </TABLE> Première cellule de la première ligne Deuxième cellule de la première ligne Première cellule de la seconde ligne Deuxième cellule de la seconde ligne Couleurs de cellules De la même manière, vous pouvez appliquer une couleur de fond aux différentes cellules de votre tableau. Pour cela, insérez dans les balises <TD> l'attribut suivant : <TD BGCOLOR=[couleur]> Exemple de tableau multicolore code source exemple <TABLE BORDER=1 BGCOLOR=white> <TR> <TD BGCOLOR=blue> Première cellule de la première ligne</TD> <TD BGCOLOR=green>Deuxième cellule de la première ligne</TD> </TR> <TR> <TD BGCOLOR=yellow>Première cellule de la seconde ligne</TD> <TD BGCOLOR=red>Deuxième cellule de la seconde ligne</TD> </TR> </TABLE> Première cellule de la première ligne Deuxième cellule de la première ligne Première cellule de la seconde ligne Deuxième cellule de la seconde ligne Une couleur de bordure Il est aussi possible de donner de la couleur à vos bordures. Pour cela, insérez dans la balise <TABLE> l'attribut suivant : <TABLE BORDERCOLOR=[couleur]> Exemple de tableau de bordures rouges code source exemple <TABLE BORDER=1 BORDERCOLOR=red> <TR> <TD> Première cellule de la première ligne</TD> <TD>Deuxième cellule de la première ligne</TD> </TR> <TR> <TD>Première cellule de la seconde ligne</TD> <TD>Deuxième cellule de la seconde ligne</TD> </TR> </TABLE> Première cellule de la première ligne Deuxième cellule de la première ligne Première cellule de la seconde ligne Deuxième cellule de la seconde ligne Un effet ombre sur vos bordures il est possible de créer un effet d'ombrage sur les tableaux. Il suffit pour cela d'insérer les attributs bordercolordark et bordercolorlight dans la balise <TABLE<. BORDERCOLORDARK=[couleur] Définit la couleur la plus sombre de l'ombrage. BORDERCOLORLIGHT=[couleur] Définit la couleur la plus claire de l'ombrage. Exemple de tableau de fond bleu code source exemple <TABLE BORDER=1 BORDERCOLORDARK=red BORDERCOLORLIGHT=yellow> <TR> <TD> Première cellule de la première ligne</TD> <TD>Deuxième cellule de la première ligne</TD> </TR> <TR> <TD>Première cellule de la seconde ligne</TD> <TD>Deuxième cellule de la seconde ligne</TD> </TR> </TABLE> Première cellule de la première ligne Deuxième cellule de la première ligne Première cellule de la seconde ligne Deuxième cellule de la seconde ligne

<< précédent

suivant >>

1. Un tableau simple, la base

2. Les bordures, la liaison de cellules

3. Les couleurs

4. La taille

5. L'alignement