Style des listes non ordonnées

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

Supprimons les puces de la liste non ordonnée et alignons les icônes horizontalement.

Défi

Facile

Ciblez la liste non ordonnée de la classe navigation .navigation ul :

Définissez le display sur flex.
Définissez le justify-content sur space-around.
Définissez le list-style sur none.

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>

Toutes les leçons de Barre de navigation inférieure - Projet HTML/CSS

1Barre de navigation

Configuration du code main-container

Navbar

Liste non ordonnée et titre

Éléments de liste et titres

2Le Style

Style des listes non ordonnées Leçon de projet

Style des éléments de liste

Animation d'icône au survol