La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Lundi 9 Février 2009 Aujourd'hui, l'arrière-plan des balises.

Présentations similaires


Présentation au sujet: "Lundi 9 Février 2009 Aujourd'hui, l'arrière-plan des balises."— Transcription de la présentation:

1 Lundi 9 Février 2009 Aujourd'hui, l'arrière-plan des balises

2 Un arrière-plan dans un div Pour définir une image d'arrière-plan dans une balise, il suffit de préciser son URL dans la propriété background-image :

3 Exercice Définissez une balise en utilisant un arrière- plan JPG de votre choix. Définissez les propriétés suivantes pour ce DIV : Taille du texte : 40 px Couleur du texte : red

4 Solution Ce texte est affiché au dessus de l'arrière-plan image.jpg.

5 Répétition de l'arrière-plan Pour répéter un arière-plan sur toute la surface d'un, il suffit de le positionner en flottant à gauche du :

6 Exercice Définissez une balise ayant les caractéristiques suivantes : Largeur : 300px Hauteur : 200px Image d'arrière-plan : téléchargée depuis Style de bordure (border-style) initialisé à solid Positionnement float: left Vous devriez obtenir ce résultat :

7 La solution

8 Répétition partielle de l'arrière-plan Pour ne répéter l'arrière-plan qu'horizontalement, vous utiliserez un positionnement flottant et vous initialiserez la propriété background-repeat avec la valeur repeat-x. Bien évidemment, la valeur repeat-y limite la répétition à l'axe vertical.

9 Exercice Définissez une balise ayant les caractéristiques suivantes : Largeur : 300px Hauteur : 200px Image d'arrière-plan : téléchargée depuis Style de bordure (border-style) initialisé à solid Positionnement float: left Répétition horizontale seulement (background-repeat: repeat-x) Vous devriez obtenir ce résultat :


Télécharger ppt "Lundi 9 Février 2009 Aujourd'hui, l'arrière-plan des balises."

Présentations similaires


Annonces Google