Comment faire en sorte qu'une balise d'ancre HTML (ou lien) ressemble à un bouton?

Question

J'ai cette image de bouton :

Je me demandais s'il serait possible de faire un simple

quelques mots 

et de styliser ce lien pour qu'il apparaisse comme ce bouton?

Si c'est possible, comment puis-je faire cela?

Answer 1

En utilisant CSS:

.button {
    display: block;
    width: 115px;
    height: 25px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
}

Ajouter un problème

http://jsfiddle.net/GCwQu/

Answer 2

Vérifiez la documentation de Bootstrap. Une classe .btn existe et fonctionne avec la balise a, mais vous devez ajouter une classe spécifique .btn-* avec la classe .btn.

ex :

Answer 3

Vous pouvez facilement envelopper un bouton avec un lien comme ceci [mon bouton](#)

Answer 4

Quelque chose comme ceci ressemblerait à un bouton :

a.LinkButton {
  border-style: solid;
  border-width : 1px 1px 1px 1px;
  text-decoration : none;
  padding : 4px;
  border-color : #000000
}

Voir http://jsfiddle.net/r7v5c/1/ pour un exemple.

Answer 5

• Utilisez la propriété CSS background-image sur la balise
• Définissez display:block et ajustez width et height en CSS

Cela devrait faire l'affaire.