Enlace con efecto de botón
11, 26 de 2005-12-26 de 2005
Este sencillo truco utilizando hojas de estilo CSS nos permite simular un botón mediante un enlace.
Flickr
a.boton, a.boton:visited {
display: block;
width: 76px;
background: #3982F7;
text-align: center;
color: #fff;
text-decoration: none;
border: 1px solid;
border-color: #6BA6F7 #6BA6F7 #2151BD #2151BD;
}
a.boton:hover
{ position: relative;
top: 1px;
left: 1px;
background:#1851BD;
border-color: #000 #000 #083CAD #083CAD;
}
Parece que funciona perfectamente con Explorer y falla un poco con Firefox
