Dans le cours : L’intégration web : Coder un design en HTML et CSS

Accédez à ce cours grâce à un essai gratuit

Inscrivez-vous aujourd’hui pour accéder à plus de 24 700 cours dispensés par des experts.

Mettre en forme le bouton Submit

Mettre en forme le bouton Submit

Dans le cours : L’intégration web : Coder un design en HTML et CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Mettre en forme le bouton Submit

“

Dans cette vidéo, nous allons mettre en forme le bouton Envoyer qui se trouve dans le fond de notre formulaire. Alors, à quoi doit-il ressembler ce bouton ? Eh bien direction notre maquette Photoshop. Donc le voici, je vais le sélectionner. Donc c'est un élément qui aura 120 pixels de large sur 30 pixels de haut. Si je sélectionne le texte et que je laisse enfoncé le bouton commande de mon clavier, voilà, j'apprends qu'il y a plus ou -sept huit pixels de padding au-dessus et en dessous du texte, on va arrondir à cinq et trente pixels de padding à gauche et à droite. Si je regarde maintenant dans le panneau des calques, eh bien je me rends compte qu'il y a ici un calque qui n'est pas visible, qui s'appelle button submit hover. Et donc ça c'est le designer qui nous montre l'effet de rollover de ce bouton. Donc je vais afficher ce calque. Et là je me rends compte, j'ai désactivé la sélection, comme ça je verrai mieux. Là je me rends compte que la seule chose qui change c'est la couleur…

Table des matières