CSS TP 4 les bordures

apcpedagogie > Les cours de programmation > CSS > CSS TP 4 les bordures

CSS TP 4 les bordures

11 novembre 2018
Posté par: Riadh HAJJI
Catégorie: CSS

741 vues

CSS TP 4 les bordures

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>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</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

html

div

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

Sommaire du cours CSS