Avant de commencer, il faut savoir que pour modifier un texte, nous allons commencer par écrire

Code:

<p style> Notre texte </p>

p désignant la zone de texte. Nous ajouterons ce qu'il y a à modifier à côté du p style en collant à côté " =" " et puis on inscrit ce qu'il y a à changer et les variantes qui se rapporte à cela, on peut ajouter à la suite plusieurs effets en mettant un ";" à la fin d'un premier effet, pour en ajouter un autre!

Pour colorer un texte:

Code:

<p style="color: rosybrown;">Notre texte</p>

Notre texte

Pour un effet d'espacement entre les lettres, vous pouvez bien entendu modifier la taille de l'espacement ^^

Code:

 <p style="letter-spacing:5px;">Notre texte</p>

Notre texte

Pour un espacement entre les mots

Code:

<p style="word-spacing:10px;">Notre texte</p>

Notre texte avec un espacement plus grand entre les mots

Pour une ombre sur notre texte: Vous pouvez à votre guise changer la position, la taille et la couleur de l'ombre!

Code:

<p style="text-shadow:2px 2px 4px sandybrown;">Notre texte</p>

Notre texte

D'autres effets:

Code:

<p style="text-decoration:overline;">1 Notre texte surligné au dessus</p>
<p style="text-decoration:line-through;">2 Notre texte barré</p>
<p style="text-decoration:underline;">3 Notre texte souligné</p>
<p style="text-transform:uppercase;">4 Notre texte en majuscule</p>
<p style="text-transform:lowercase;">5 Notre texte en minuscule</p>
<p style="text-transform:capitalize;">6 Notre texte avec la première lettre en majuscule</p>

1 Notre texte surligné au dessus

2 Notre texte barré

3 Notre texte souligné

4 Notre texte en majuscule

5 Notre texte en minuscule

6 Notre texte avec la première lettre en majuscule

Un exemple de plusieurs effets sur un même texte!

Code:

<p style="color: rosybrown; letter-spacing:5px; text-shadow:2px 2px 4px sandybrown">Notre texte</p>

Notre texte

Faire un survol =D

Code:

<a href="destination" title="Le texte qui va apparaître au survol">Notre texte</a>

Notre texte


J'ajouterais d'autres effets plus tard