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.
Sfida
FacileSeleziona gli elementi dell’elenco della classe navigation e dell’elenco non ordinato .navigation ul li:
- Imposta l’altezza e la larghezza a
35pxe il margine a1rem. - Imposta il padding a
0 1rem. - Imposta il colore come preferisci! (consigliato:
white) - Imposta il border-radius a
50%. - Imposta display su
flex, align-items e justify-content sucenter. 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
2Lo stile
Tag universaleEsercitati da solo: Playground Web