Styling ungeordneter Listen

Lektion 10 von 12 im Kurs Untere Navigationsleiste - HTML/CSS Projekt von Coddy.

Lassen Sie uns die Aufzählungspunkte der ungeordneten Liste entfernen und die Icons horizontal ausrichten.

Aufgabe

Einfach

Wähle die ungeordnete Liste der Navigationsklasse .navigation ul aus:

Setze display auf flex.
Setze justify-content auf space-around.
Setze list-style auf none.

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Alle Lektionen in Untere Navigationsleiste - HTML/CSS Projekt

1Navigationsleiste

Code-Setup main-container

Navbar

Ungeordnete Liste & Titel

Listen-Elemente & Titel

2Das Styling

Styling ungeordneter Listen Projekt-Lektion

Listenpunkt-Styling

Hover-Animation für Icons