Menu
Coddy logo textTech

Input & Label

Leçon 5 sur 7 du cours Formulaire de connexion - Projet HTML/CSS de Coddy.

Par défaut, la balise <input> possède un background-color, une border et un outline.

Pour tout supprimer, nous pouvons utiliser :

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

Défi

Facile

Stylez les champs de saisie "username" et "password" ainsi que le label, supprimez l'outline et modifiez la border par défaut par autre chose.

Style suggéré (Optionnel),

label :

  • font-size
  • color
  • margin

input :

  • background-color
  • border-radius
  • font-size
  • color
  • padding

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Write HTML code here -->
</body>
</html>

Toutes les leçons de Formulaire de connexion - Projet HTML/CSS