Pole wejściowe i etykieta

Lekcja 5 z 7 w kursie Formularz logowania — projekt HTML/CSS w Coddy.

Domyślnie znacznik <input> ma ustawione właściwości background-color, border i outline.

Aby usunąć je wszystkie, możemy użyć:

input {
	background-color: transparent;
	border: none;
	outline: none;
}

Wyzwanie

Łatwy

Ostyluj pola wprowadzania nazwy użytkownika i hasła oraz etykietę, usuń outline i zmień domyślne border na coś innego.

Sugerowane (opcjonalne) style:

etykieta:

pole wprowadzania:

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 Formularz logowania — projekt HTML/CSS

1Formularz

2Stylizacja

Pole wejściowe i etykieta Lekcja projektowa

Poćwicz samodzielnie: Edytor online Web