Stylizacja paska nawigacji
Lekcja 9 z 12 w kursie Dolny pasek nawigacyjny – projekt HTML/CSS w Coddy.
Ostylujmy pasek nawigacyjny!
Wyzwanie
ŁatwyKlasa docelowa „navigation”:
Aby ustawić pozycję:
a. Ustaw pozycję na
absolute.b. Ustaw dolną krawędź na
32px.c. Ustaw promień obramowania na
24px.d. Ustaw lewą pozycję na
50%.Dodaj poniższy styl przejścia:
transform: translate(-50%, 0);- Ustaw kolor tła na dowolny! (zalecany:
purple)
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Wpisz tutaj kod HTML -->
<script src="script.js"></script>
</body>
</html>Wszystkie lekcje w sekcji Dolny pasek nawigacyjny – projekt HTML/CSS
Poćwicz samodzielnie: Edytor online Web