Stile della barra di navigazione
Lezione 9 di 12 del corso Barra di navigazione inferiore - Progetto HTML/CSS di Coddy.
Stilizziamo la barra di navigazione!
Sfida
FacileClasse di destinazione “navigation”:
Per impostare una posizione:
a. Imposta la posizione su
absolute.b. Imposta il bottom su
32px.c. Imposta il border-radius su
24px.d. Imposta la posizione left su
50%.Aggiungi lo stile di transizione seguente:
transform: translate(-50%, 0);- Imposta il background-color come preferisci! (consigliato:
purple)
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
2Lo stile
Tag universaleEsercitati da solo: Playground Web