Menu
Coddy logo textTech

Stylizacja paska nawigacji

Lekcja 9 z 12 w kursie Dolny pasek nawigacyjny – projekt HTML/CSS w Coddy.

Ostylujmy pasek nawigacyjny!

challenge icon

Wyzwanie

Łatwy

Klasa docelowa „navigation”:

  1. 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%.

  2. Dodaj poniższy styl przejścia:

    transform: translate(-50%, 0);
  3. 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