LE LIEN BOUTON, PLUS ELEGANT DANS UN BLOG.

Voici le code pour créer un lien avec un bouton, quelquefois plus élégant que le lien par une phrase et qui change un peu de l'image.

Pour tous les liens, le principe est toujours le même, quelle que soit la forme qu'on lui donne. 

On retrouve toujours <a href="vers tel endroit">

Le reste n'est qu'une question de goût ou d'opportunité.

CODE

<style type="text/css">
#lien-bouton{
color:grey;
font-family:verdana;
font-size:12px;
padding:5px 20px;
text-decoration:none;
background-image:url(degrade.png);
background-repeat:repaet-x;
background-position:top;
border:solid 1px grey;
border-radius:5px;
}
#lien-bouton:hover{
background-position:bottom;
border:solid 1px black;
color:black;
}
</style>
<a id="lien-bouton" href="http://www.pecheurdumorin.fr">Cliquer ici pour accéder au site</a>

Dans ce code, on peut modifier:

-la couleur, la police et sa taille (Ex: black; arial et 14px; )

-la taille du bouton (padding)

-Les bordures du bouton...et tout ce que l'on veut.

RESULTAT

Cliquer ici pour accéder au site