Końcowe stylowanie

Lekcja 8 z 8 w kursie Projekt CSS — efektowny przycisk w Coddy.

Dobra robota, udało Ci się stworzyć w pełni spersonalizowany, fantazyjny przycisk!

Na koniec chcemy zmienić kursor, który znajduje się nad naszym przyciskiem, używając:

.fancyButton {
	...
	cursor: pointer;
}

Wyzwanie

Łatwy

Dodaj kursor wskazujący po najechaniu na przycisk i dowolne końcowe style, jakie chcesz.

Gdy wszystko będzie gotowe, uruchom kod i dokończ projekt!

Możesz później wyświetlić rozwiązanie, aby zobaczyć, jak wygląda nasz przycisk :)

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
    </body>
</html>

Wszystkie lekcje w sekcji Projekt CSS — efektowny przycisk

1Wprowadzenie

Wprowadzenie Część dotycząca HTML

2Projekt CSS

Rozmiary

Kolory

Obramowanie i zaokrąglenia

Cienie

Efekt po najechaniu

Końcowe stylowanie Lekcja projektowa

Poćwicz samodzielnie: Edytor online Web