Style de la Navbar
Leçon 9 sur 12 du cours Barre de navigation inférieure - Projet HTML/CSS de Coddy.
Stylisons la barre de navigation !
Défi
FacileCiblez la classe "navigation" :
Pour définir une position :
a. Définissez la position sur
absolute.b. Définissez le bottom sur
32px.c. Définissez le border-radius sur
24px.d. Définissez la position left sur
50%.Ajoutez le style de transition ci-dessous :
transform: translate(-50%, 0);- Définissez le background-color sur ce que vous voulez ! (recommandé :
purple)
Essayez vous-même
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>