Exercice 6/6

  • Dans le fichier stylesheet.css, ajoutez une couleur de fond (background-color) et sa valeur #a3c8ff au sélecteur a;
  • Ajoutez également la propriété border-radius et sa valeur 5px au sélecteur a afin d'arrondir les coins du bouton;
  • Ajoutez également la propriété padding et sa valeur 10px au sélecteur a afin de définir des marges internes entre le texte et la bordure du bouton;
  • Cliquez sur soumettre ma réponse pour passer à la suite;

Leçon 6/6

Maintenant que le texte du bouton est mis en forme, il reste à appliquer la mise en forme du bouton lui-même avec des propriétés CSS vues aux exercices précédents.

Commentaires les mieux notés

  • wilfrid

    Bonjour, une fois l'exercice fini, le lien vers la partie suivante ne fonctionne pas, ce n'est pas trop génant mais je tenais à vous le signaler (win10/firefox55.0.3)

  • zineb.sidelkhir-40

    Je n'arrive pas à soumettre mes réponses depuis ce matin pourtant ma connexion marche bien

  • kainath-25

    aider moi je beug jai fait aucune faute pourtant

  • agouddimassia-72

    pourquoi ce message s'affiche ? "using with with border can sometimes make elements larger than you expect"

5 Commentaires

  • wilfrid

    wilfrid

    Bonjour, une fois l'exercice fini, le lien vers la partie suivante ne fonctionne pas, ce n'est pas trop génant mais je tenais à vous le signaler (win10/firefox55.0.3)

    le 07/10/2017 à 15h02

  • mram

    mram Administrateur

    Bonjour, oui nous le savons, c'est sur la todo liste. Merci !

    le 09/10/2017 à 00h49

  • tho.zacca-18

    tho.zacca-18

    une petite aide ? Vérifiez la syntaxe de la règle CSS pour la propriété "border-radius".,Vous devriez avoir 1 élément html avec la règle CSS "border-radius: 5px"

    le 23/10/2018 à 12h07

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Mettre en forme le bouton</title> </head> <body> <a href="http://3wa.fr">Cliquez ici</a> </body> </html>
a { display: block; border: 1px solid #0066ff; margin-left: auto; margin-right: auto; width: 200px; text-align: center; font-family: Verdana; font-size: 1em; text-transform: uppercase; text-decoration: none; color: #0066ff; }