Tailles

Leçon 3 sur 8 du cours Projet CSS - Bouton stylisé de Coddy.

Commençons par jouer avec les tailles du bouton.

Si vous modifiez la width ou la height d'un bouton, cela peut faire en sorte que le texte ne soit plus au milieu ; il est préférable de jouer avec le padding.

Défi

Facile

Tâches :

Définissez la taille de la police du texte du bouton comme vous le souhaitez, mais différente de la taille par défaut (14px)
Définissez le padding vertical à 8px et le padding horizontal à 16px
Définissez la marge de votre choix

Utilisez le fichier styles.css pour sélectionner et styliser votre bouton

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 Projet CSS - Bouton stylisé

1Introduction

Introduction Partie HTML

2Le projet CSS

Tailles