L'Apprenti Webmaster

html - php - css  Le site d'entraide pour débutants

Actuellement il y a 4 visiteurs connectés

Les bordures d'un tableau


Pour faire apparaitre le contour du tableau, on va utiliser les valeurs suivantes :
<table style="border: 1 solid #000000">...</table>
Ceci aura pour effet d'afficher une ligne continu autour du tableau d'une épaisseur de 1px

On va pouvoir mettre en forme les cellules avec la même méthode.
<tr style="border: 1 solid #000000">...</tr>
<td style="border: 1 solid #000000">...</td>


Code

<html>
<head>
<title>Mise en forme du tableau</title>
</head>
<body>
<p>Contour du tableau</p>
<table style="border: 1 solid #000000">
<tr>
<td>Cellule 1 - Ligne 1</td>
<td>Cellule 2 - Ligne 1</td>
<td>Cellule 3 - Ligne 1</td>
</tr>
<tr>
<td>Cellule 1 - Ligne 2</td>
<td>Cellule 2 - Ligne 2</td>
<td>Cellule 3 - Ligne 2</td>
</tr>
</table>
<p>Contour d'une cellule</p>
<table>
<tr>
<td style="border: 1 solid #000000">Cellule 1 - Ligne 1</td>
<td>Cellule 2 - Ligne 1</td>
<td>Cellule 3 - Ligne 1</td>
</tr>
<tr>
<td>Cellule 1 - Ligne 2</td>
<td>Cellule 2 - Ligne 2</td>
<td>Cellule 3 - Ligne 2</td>
</tr>
</table>
</body>
</html>

Précédent

Suivant

Les tableaux

Membre de Click-FR®, Réseau francophone Paie-Par-Click
Site développé par L'APPRENTI WEBMASTER
Charte graphique : vds-design
Nombre de pages vues depuis le 07 juillet 2006 : 18123
Page générée en 0.049 secondes.