Style des éléments de liste

Leçon 11 sur 12 du cours Barre de navigation inférieure - Projet HTML/CSS de Coddy.

Ajoutons du style pour les éléments de liste ; en utilisant cela, vous pourrez ajuster les icônes correctement.

Défi

Facile

Ciblez les éléments de liste de la classe navigation et de la liste non ordonnée .navigation ul li :

Définissez la hauteur (height), la largeur (width) sur 35px et la marge (margin) sur 1rem.
Définissez le remplissage (padding) sur 0 1rem.
Définissez la couleur (color) sur ce que vous voulez ! (recommandé : white)
Définissez le rayon de la bordure (border-radius) sur 50%.
Définissez l'affichage (display) sur flex, align-items et justify-content sur center.

Ajoutez le style ci-dessous :

cursor: pointer;
transition: all 0.2s linear;

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>