Input & Label
Lektion 5 von 7 im Kurs Login-Formular – HTML/CSS Projekt von Coddy.
Standardmäßig erhält das <input>-Tag background-color, border und outline.
Um alles zu entfernen, können wir Folgendes verwenden:
input {
background-color: transparent;
border: none;
outline: none;
}
Aufgabe
EinfachGestalte die Eingabefelder für Benutzername und Passwort sowie das Label, entferne die outline und ändere den Standard-border in etwas anderes.
Vorgeschlagenes (optionales) Styling,
label:
- font-size
- color
- margin
input:
- background-color
- border-radius
- font-size
- color
- padding
Probier es selbst
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
</body>
</html>