tutoriel créer un bouton en html pour son site internet

[Camel Design]

Pour faire un bouton en html sur votre site internet, voici quel code utiliser :

 

<a href="https://forum.camel-design.com/" class="button_camel_design">Mon bouton HTML</a>

 

Remplacer :

• l'url par votre url ou vous voulez que votre bouton pointe
• la class "button_camel_design" par une classe personnalisée qui vous aidera avec le css a styliser le bouton
• et enfin le texte de fin "mon bouton html" par le texte qui doit apparaitre sur votre bouton

 

Voici également un exemple de css pour styliser le lien en bouton :

 

<style>
      .button_camel_design {
        background-color: #0066cc;
        border: none;
        color: white;
        padding: 8px 30px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 10px;
        cursor: pointer;
        border-radius: 8px;
      }
  .button_camel_design:hover {
        color: white;
        background-color: #000;
      }
    </style>

 

Le premier groupe représente le style du bouton de base, alors que le deuxieme groupe "hover" gère le style au survol de la souris