Utilizar esta imagen (fuente de PSD atada).
Hacer su estilo del CSS algo como:
.contact_button {anchura: 94px; altura: 96px; fuente-tamaño: 0; texto-mellar: -9999px; desbordamiento: ocultado; fondo: izquierdos superiores del URL (Contact.gif) ninguno-repiten}
.contact_button: libración {fondo-posición: centro izquierdo}
.contact_button: active {fondo-posición: parte inferior izquierda}
Observar el siguiente:
“Encima” de estado: gradiente, frontera normal
“Sobre” estado: un gradiente más ligero, una frontera más fuerte
“Abajo” indicar: gradiente invertido, la misma frontera que “sobre”.
Su imagen tiene los 3 estados en la orden para arriba, encima, abajo.