CSS
Exercices en CSS les bordures Série 01
Un cours complet pour maîtriser Exercices en CSS les bordures Série 01.
0 chapitres
0 QCM
Accès gratuit
Sommaire du cours
CSS Historique et versions
Les sélecteurs simples en CSS
Structure et règles CSS
Exercices en CSS les sélecteurs Série 01
Test d'évaluation en CSS3 sous forme de QCM
Présentation du CSS3
Exercices en CSS les sélecteurs Série 02
Intégrer du CSS dans une page html
Exercices en CSS les sélecteurs Série 03
Le positionnement des éléments
Les balises de bloc et les balises en-ligne
Notion de flux en CSS
Notion de modèle de boîte CSS
Les Marges en CSS
Unités de dimension en CSS
Objectif
- Connaître les éléments permettant de réaliser des bordures
Exercice
- Reprendre les lignes de code suintes:
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;
Exercice
-
Utiliser le même document
- Le design sera réalisé à l'aide d'un fichier .CSS
htmlproposé dans l'exercice précédent et utiliser 4 balisesdivpour réaliser le schéma suivant: