Propriétés du texte.
1.Couleur et fond.
Nous allons introduire un nouveau tag, <span>
</span>. Ce tag n'a aucun effet par lui-même, mais il permet d'appliquer
un style Css à une portion de texte. Par
exemple donnant un effet de surlignage.
Cet effet est obtenu en écrivant :
<span style="background-color : aqua">Par exemple</span>
on aurait put écrire la couleur en Hexadécimal :
<span style="background-color : #00FFFF ">Par
exemple</span> ou en pourcentage
<span style="background-color : rgb(0%,100%, 100%) "> ,
dans les 2 cas on a de droite à gauche Rouge, Vert, Bleu.
Couleur du texte.
<span style="color : red ">Texte rouge</span>, nous
donnera Texte rouge
On peut agréger ces commandes ainsi que celle que nous
avons vu sur la page précédente, en les séparant par un point virgule.
Voici un choix de couleur que vous pouvez essayer pour le
texte et le fond aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
olive, purple, red, silver, teal, white, et yellow.
Exercice : Entre les tags <Body> et </Body> écrire un texte, isoler un mot dans ce texte par un <span style="color : red "> </span>, faire varier la couleur du texte, lui adjoindre une couleur de fond. Marier différentes couleurs de fond et de texte. En appuyant sur le bouton "Générer un style aléatoire" vous générez des styles dont vous pourrez vous inspirer.
2.Image de Fond.
Comme pour une page entière on peut
définir un fond, (background), pour un texte. La syntaxe est :
background-image:url(images/algues.jpg), dans cet exemple l'image algues.jpg est
placé dans le sous répertoire images.
Fonds disponibles dans le sous répertoire images :
algues.jpg , amibes.JPG , camee.JPG , coquille.JPG , grainbleu.jpg
En pressant sur le bouton "Générer un fond
cyclique" 
vous
afficherez les styles correspondants à ces différends fonds.
 |
Sommaire |  |
| Précédent |  |
Suivant |