Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Aggiungere icone

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

challenge icon

Sfida

Facile

All'interno di ogni tag di lista <li> aggiungi l'icona corrispondente,

  1. Nella lista Home aggiungi:

    <i class="fa-solid fa-house"></i>

  2. Nella lista User aggiungi:

    <i class="fa-solid fa-user"></i>

  3. Nella lista Dashboard aggiungi:

    <i class="fa-solid fa-rocket"></i>

  4. Nella lista Chats aggiungi:

    <i class="fa-solid fa-people-group"></i>

  5. Nella lista Cart aggiungi:

    <i class="fa-solid fa-cart-shopping"></i>

Provalo tu

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

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

1Barra di navigazione

Configurazione del codicemain-containerLezione di progettoBarra di navigazioneLezione di progettoLista non ordinata e titoloLezione di progettoElementi dell'elenco e titoliLezione di progettoAggiungere iconeLezione di progetto

2Lo stile

Tag universaleLezione di progettoCorpoLezione di progettoStile della barra di navigazioneLezione di progettoStile della lista non ordinataLezione di progettoStile degli elementi della listaLezione di progettoAnimazione dell'icona al passaggio del mouseLezione di progetto

Esercitati da solo: Playground Web