Back

Exercices en CSS les bordures Série 01

CSS TP 4 les bordures

  1. Objectif

    • Connaître les éléments permettant de réaliser des bordures



  2. Exercice

    • Reprendre les lignes de code suintes:
  3. Exercice

    • Soit la page HTML suivante:
    • <!DOCTYPE html> 
      <html> 
         <head> 
            <meta http-equiv="Content-type" content="text/html" charset=UTF-8/>
      </head>
      <body>
         <div> TP CSS</div>	
      </body> 
      </html>
    • Créer le fichier styles.css
    • Associer le fichier .css à la page html
    • Définir une nouvelle couleur de fond (par exemple la couleur #C8C8C8) pour la page que vous avez crée.
    • Modifier la bordure de l’élément div en spécifiant:
    • une bordure haute de 1px,
      une bordure droite de 2px,
      une bordure basse de 3px,
      une bordure gauche de 4px.
      Chaque bordure sera en trait plein solid
      La couleur utilis&e est #00ff00;

  4. Exercice

    • Utiliser le même document html proposé dans l’exercice précédent et utiliser 4 balises div pour réaliser le schéma suivant:

    • Le design sera réalisé à l’aide d’un fichier .CSS



Riadh HAJJI

Abonnez vous à notre chaîne YouTube gratuitement