Je ne suis pas familier avec les boutons GMail. Cependant, l'utilisation de CSS vous donnerait beaucoup de liberté dans la personnalisation de votre bouton. Cela pourrait être fait en utilisant des listes HTML et les décorer en CSS.
vous pouvez publier quelque chose comme ça Html:
<ul id="menu">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Ensuite, votre CSS pourrait faire beaucoup avec cela, comme:
#menu li { list-style:url('customimage.jpg'); padding:.5em; margin:1em; width:12em; background-color:#F00; border:1px solid #000;}
Cela vous donnera alors une liste de menu avec un point de balle personnalisé (votre style de liste), avec un remplissage et des marges spécifiques avec une couleur de fond rouge et une bordure noire. Chaque article serait également 12em (environ 125px) de large.
Vous pouvez même obtenir la fantaisie et l'ajouter à votre CSS:
#menu li:Hover {border:1px solid #FF0;}
En attendant certains conflits navigateur potentiels avec les anciennes versions, chaque fois qu'un utilisateur souris sur les éléments de menu sa frontière change de couleur.
J'espère que cela vous aide à expliquer cela. Vous pouvez faire des recherches sur Google pour les tutoriels CSS Menu et vous pouvez trouver des tutoriels simples et très élaborés.