Input

Leçon 13 sur 19 du cours Clone de la page de connexion Netflix | Projet Front-end de Coddy.

Défi

Facile

Ciblez le champ input à l'intérieur de la classe form-control :

Définissez la width et la height sur 100 %.
Définissez la couleur d'arrière-plan sur #333333.
Désactivez la bordure et définissez le border radius sur 4 pixels.
Définissez la color sur white et la font-size sur 16 pixels.

Essayez vous-même

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

Toutes les leçons de Clone de la page de connexion Netflix | Projet Front-end

1Introduction

4CSS - II

2HTML

Configuration du titre et du wrapper Champs de formulaire I

Champs de formulaire II

3CSS - I

Conteneur h2 et formulaire

Classe Form Control

Input

Label

Effet de décalage au focus