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.

 

 

 

Ajouter un commentaire

Vous utilisez un logiciel de type AdBlock, qui bloque le service de captchas publicitaires utilisé sur ce site. Pour pouvoir envoyer votre message, désactivez Adblock.

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