Menu
Coddy logo textTech

Stile degli elementi della lista

Lezione 11 di 12 del corso Barra di navigazione inferiore - Progetto HTML/CSS di Coddy.

Aggiungiamo uno stile agli elementi dell’elenco; in questo modo potrai regolare correttamente le icone.

challenge icon

Sfida

Facile

Seleziona gli elementi dell’elenco della classe navigation e dell’elenco non ordinato .navigation ul li:

  1. Imposta l’altezza e la larghezza a 35px e il margine a 1rem.
  2. Imposta il padding a 0 1rem.
  3. Imposta il colore come preferisci! (consigliato: white)
  4. Imposta il border-radius a 50%.
  5. Imposta display su flex, align-items e justify-content su center.
  6. Aggiungi lo stile seguente:

    cursor: pointer;
    transition: all 0.2s linear;

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi il codice HTML qui -->
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Barra di navigazione inferiore - Progetto HTML/CSS

Esercitati da solo: Playground Web