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

26 Commentaires

  • borz

    borz

    Bonjour, je ne comprends pas mon erreur

    le 18/05/2022 à 23h15

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 20/05/2022 à 14h03

  • lmoinel-63

    lmoinel-63

    je n'arrive pas à comprendre où est ma faute

    le 16/09/2021 à 14h23

  • meriam

    meriam Admin

    Bonjour, vous devez attribuer la valeur 5px à la propriété border-radius.

    le 17/09/2021 à 08h54

  • tettomtettom-88

    tettomtettom-88

    Super !

    le 16/06/2021 à 22h44

  • meriam

    meriam Admin

    N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.

    le 17/06/2021 à 10h39

  • pdevalance-6

    pdevalance-6

    Bonjour, j'ai un message d'erreur mais je ne comprends pas ou je me suis trompée ? merci

    le 17/03/2021 à 13h30

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 17/03/2021 à 13h49

  • kevin.salusse-26

    kevin.salusse-26

    Bonjour, on ne voit pas en direct ce que fait lecode sur l'exemple en dessous, ça empèche de bien comprendre ce que l'on fait.

    le 22/01/2021 à 17h16

  • meriam

    meriam Admin

    Vous ne voyez pas le résultat?

    le 22/01/2021 à 21h05

  • paulsteferenson99-100

    paulsteferenson99-100

    j'ai eu 14 propriétés css il me demande de modifier 14 propriétés css de la balise a .

    le 05/12/2019 à 01h57

  • meriam

    meriam Admin

    Bonjour, vous avez oublié d'ajouter un point-virgule entre la propriété border-radius et la propriété padding.

    le 10/12/2019 à 09h07

  • 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 à 08h07

  • 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 à 11h02

  • mram

    mram Admin

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

    le 08/10/2017 à 20h49

Pour publier un commentaire, vous devez vous connecter.
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; }
http://localhost:8080