Scribd
Importer
6 vues2 pages

Création de pages web avec CSS

Transféré par

a.bouchaouata.cmc
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
6 vues2 pages

Création de pages web avec CSS

Transféré par

a.bouchaouata.cmc
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

Exercice 1 : Image d’arrière-plan (background)

Crée une page dont le fond est une image.


L’image doit être centrée, ne pas se répéter, et couvrir toute la page.

Exercice 2 : Positionnement relatif

Crée trois paragraphes.


Le deuxième doit être légèrement décalé vers la droite et vers le bas (grâce à position: relative).

🧩 Exercice 3 : Positionnement absolu

Crée un carré rouge placé en haut à droite de la page grâce à position: absolute.
🧩 Exercice 4 : Positionnement avec float

Crée deux boîtes de 200px de large.


La première doit être à gauche, la deuxième à droite, avec un texte centré sous les deux.

Exercice 5 : Créer une carte de profil stylisée avec CSS

Mettre en pratique les propriétés :

 background-color, background-image,

 position: relative et position: absolute,

 ainsi que float pour organiser les éléments.

Crée une page web qui affiche une carte de profil d’un utilisateur contenant :

1. Une image de fond sur toute la page.

2. Une zone centrale (carte) avec un fond blanc et une ombre.

3. Une photo de profil ronde positionnée en haut à gauche de la carte.

4. Du texte (nom et description) à droite de la photo.

5. Le tout centré au milieu de la page.

Vous aimerez peut-être aussi