Ayuda estilo css para un vínculo

yole · #1 (**permalink**) 15/01/2011, 19:25

Hola,

Quisiera saber como puedo hacer pa que cuando pongas el cursor en un vinculo, éste tome el aspecto de un botón cuadrado (sin borde). Si el boton es de color oscuro la idea es que las letras se pongan de color claro.

Hasta el momento tengo definido el estilo de esta manera.

A.link1 {COLOR: #999999; FONT-FAMILY: Arial; FONT-SIZE: 14px}
A.link1:link {TEXT-DECORATION: underline; COLOR: #999999; FONT-FAMILY: Arial; FONT-SIZE: 14px}
A.link1:active {TEXT-DECORATION: underline; COLOR: #999999; FONT-FAMILY: Arial; FONT-SIZE: 14px}
A.link1:visited {TEXT-DECORATION: undeline; COLOR: #999999; FONT-FAMILY: Arial; FONT-SIZE: 14px}
A.link1:hover {TEXT-DECORATION: none; COLOR:#000000;}

gracias!

jalex16 · #2 (**permalink**) 15/01/2011, 19:51

Puedes usar

Código CSS:

Ver originala:link,
a:active,
a:visited{
   color: #ddd;
   background: #000;
}
a:hover{
   color: #fff;
}

Si necesitas cambiar su tamaño añades las propiedades width y height a la primera regla, además debes colocar display: block; puesto que los elementos <a> son inline.

Espero te sirva.

yole · #3 (**permalink**) 15/01/2011, 19:55

Muchas gracias compañero quedo perfecto!