Tableau2

Tableau avec bordures et couleurs :

 

Case 1 Case 2 Case 3
Case 4
Case 5
Case 6
Case 7 Case 8 Case 9

Pour créer ce tableau nous avons utiliser le code suivant :

<center>
<table style="height: 150px;" width="300" border="2
bordercolor="#ff0066">
<tbody>

<tr>
<td>
<blink><span style="font-size: 12px; font-family: helvetica; color: #ffffff;">Case 1</span></blink></td>
<td bgcolor="#ffcc00">
<b><span style="font-size: 14px; font-family: helvetica; color: #000000;">Case 2</span></b></td>
<td style="text-align: right;">
<span style="font-size: 12px; font-family: helvetica; color: #ffffff;">Case 3</span></p></td>
</tr>
<tr>
<td><i><span style="font-size: 12px; font-family: helvetica; color: #ffffff;">Case 4</span></i></td>
<td bgcolor="#ff66
00"><b><center><span style="font-size: 14px; font-family: helvetica; color: #000000;">Case 5</span></center></b></td>
<td>
<u><span style="font-size: 12px; font-family: helvetica; color: #ffffff;">Case 6</span></u></td>
</tr>
<tr>
<td><span style="text-decoration: line-through;"><span style="font-size: 12px; font-family: helvetica; color: #ffffff;">Case 7</span></span></td>
<td bgcolor="#ffcc00"><b><span style="font-size: 14px;
font-family: helvetica; color: #000000;">Case 8</span></b></td>
<td><b><i><blink><span style="font-size: 12px;
font-family: helvetica; color: #ffffff;">Case 9</span></blink></i></b></td>
</tr>
</tbody>
</table>
</center>

 

Pour modifier ce code changez les parties (en couleur), expliquées ci-dessous, par les effets que vous souhaitez appliquer à votre tableau.

height: 150px et width="300 : correspond au dimension des cases de votre tableau.

border="2" : correspond à la taille du bord de votre tableau.

bordercolor="#ff0066" : correspond au code couleur du bord de votre tableau.

td bgcolor="#ffcc00" : correspond au code couleur du background de la case.

font-family: helvetica : correspond au style de famille de l'écriture de votre texte.

color: #ffffff : correspond au code couleur de l'écriture de votre texte.

font-size: small : correspond à la taille de votre texte. peut aussi s'écrire en px font-size: 12px.

  • vous pouvez intégrer à votre texte toute sorte d'effets en entourant vos balises <span> et </span> par les balises des effets que vous souhaitez intégrer.

 

 

 

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site