• Reprendre le fichier forme2.css et ajouter des bordures arrondies à la balise body.

Télécharger les images suivantes:

1. Dans un nouveau répertoire, créer un fichier index.hml.
2. Créer une barre de navigation fixée en bas de la page, dont le contenu est centré.
3. Créer une liste de liens. Les élements de la listes sont affichés sur une seule ligne. Chaque lien, réprésenté par une des images, pointe vers une page web contenant une solution d'un des exercices suivants. La première image pointe vers le fichier index.html. Toutes les autres pages contiendront la barre de navigation.
4. Chaque image doit faire 50 pixels de large et de hauteur, et est à moitié transparente.
5. Lorsque l'utilisateur passe la souris sur une image, celle ci devient totalement opaque et fait 75 pixels de largeur et de hauteur. Les marges sont également fixées à 20 pixels.
6. Lorsque la largeur et la hauteur son modifiée, la transition prend 0.3 secondes, sans délai au départ.

Télécharger l'image suivante en grand format:

• Créer une balise de type div avec la classe multicol. Insérer 5 fois l'image dans la balise.
• Dans la feuille de style, déclarer que la classe multicol est constituée de 3 colonnes et que les images qu'elle contient ont une largeur qui prend un tiers de la page.

Dans un fichier exo4.html:

• Créer un formulaire contenant une zone texte (ne pas oublier son label, et un bouton pour soumettre le formulaire.
• Associer le bouton à une classe bouton_vert. Dans la feuille de style, précisez que :
  • le bouton a un fond vert,
  • il n'y a aucune bordure,
  • le texte s'affiche en blanc,
  • la police a une taille de 20 pixels,
  • le bouton possède une ombre de 2 pixels (hauteur, largeur et flou) de couleur grise,
  • le padding est de 4 pixels (ou une autre valeur si vous le souhaitez).

Dans un fichier exo5.html, créez un menu déroulant :

• à l'aide d'une balise span, pour le menu, créer un identifiant menu
• ajouter un bouton de la classe bouton_vert. Le bouton_vert du menu d'affiche avec une rotation de -20 degrés et une marge de 50 pixels en haut et à gauche.
• pour le sous-menu, créez une balise de type div avec l'identifiant sous_menu
• pour les boutons du sous menu, créez une classe bouton_clair dont la couleur de fond est vert clair en temps normal et vert foncé quand on passe la souris dessus. Son ombre est de couleur verte. La largeur est de 100 pixels.
• Le menu déroulant fonctionne de la façon suivante: le sous-menu n'est pas affiché en temps normal et n'apparait que lorsque l'utilisateur clique sur le menu.