Traditionnellement pour intégrer un bouton, on utilise les padding pour donner de l’espace entre le texte et le bord du bouton. Or, la propriété padding n’est pas du tout gérée de la même façon par les logiciels de messagerie. Au final, on ne peut donc pas garantir un aspect correct du bouton.
Voici une alternative pour contourner ce souci : les bordures.
Au lieu d’avoir le code suivant :
|
1 |
<a href="" style="background-color:red;padding:12px;color:#ffffff;border-radius:3px;text-decoration:none">Mon bouton</a> |
on va utiliser :
|
1 |
<a href="" style="background-color:red;border:12px solid red;color:#ffffff;border-radius:3px;text-decoration:none;">Mon bouton</a> |
