9,00

Tuto Apprendre à personnaliser une checkbox en CSS avec CSS

9,00

  • Une formation vidéo de 43m17s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto CSS en vidéo, nous allons apprendre comment modifier totalement l'apparence d'une case à cocher, aussi appelée "checkbox".

Par défaut, une case à cocher est interprétée par un navigateur, comme étant un petit carré gris qui a une petit coche noire lorsque celle-ci est cochée par l'utilisateur. Cet élément est généralement utilisé dans les formulaires de sites Internet.
Grâce à l'utilisation astucieuse du langage CSS, nous allons modifier à notre guise l'apparence des cases à cocher afin de leur donner une forme, une taille et une couleur qui seront personnalisées.

Nous ferons de même avec les boutons radios.

Je mets à votre disposition, l'ensemble du code utilisé dans ce tuto.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Table des matières de cette formation CSS (durée : 43m17s)

    • Création du formulaire en HTML 00:05:10
    • Mise en forme CSS 1/2 00:08:01
    • Mise en forme CSS 2/2 00:07:36
    • Création d'une case à cocher 00:05:39
    • Mise en place du check de la case à cocher 00:07:31
    • Création du formulaire en bouton radio 00:02:58
    • Modification des boutons radios 00:05:13
    • Conclusion 00:01:09



Formateur : Carl Brison

Carl Brison a publié 181 tutoriels et obtenu une note moyenne de 4,9/5 sur 12 417 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Que contient le fichier source ?
    L'ensemble des codes utilisés dans ce tuto.
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1242 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données