Si bien no es muy utilizado, el estado CSS 鈥渁ctive鈥 de un link es el estado en que se pone un link cuando haces clic en 茅l. El momento en que haces clic en un link, este se vuelve activo. Es por eso que el estado 鈥渁ctive鈥 puede resultar muy 煤til cuando posees botones de estilo personalizado.
Sencillamente mediante la utilizaci贸n del estado 鈥渁ctive鈥 podremos darle a nuestros botones la apariencia de que est谩n siendo presionados, o cualquier otro estilo que deseemos que tengan, para hacer que nuestro sitio se destaque.
Si poseemos un bot贸n que utiliza una imagen su marcador ser铆a algo as铆:
<a id="button"></a>
Es sencillamente un link vac铆o con un id, al que podremos utilizar para darle estilo al link. Nuestro CSS entonces lucir铆a as铆:
#button {
display: block;
width: 135px;
height: 43px;
background: url(button.png) no-repeat top;
}
Estamos convirtiendo la l铆nea del link en un bloque, d谩ndole ancho y peso, y programando una imagen de fondo.
Para a帽adir el estado activo simplemente hay que poner 鈥渁ctive鈥 despu茅s del selector del link:
#button:active {
background: url(button.png) no-repeat bottom;
}
Esta es una buena forma de hacer que nuestro siti web tenga un aspecto m谩s similar al del escritorio de nuestra PC y resulte m谩s familiar para los usuarios.
Fuente: Usability Post
Lunes, 19 de Enero de 2009 a las 11.31
Muy interesante!
Martes, 24 de Mayo de 2011 a las 20.38
Me muestra 2 botones, nota: lo uso dentro de un div
S谩bado, 25 de Junio de 2011 a las 04.32
uff me ayudaste demaciado hermano Gracias!!!