Foros del Web » Creando para Internet » CSS »

Ayuda estilo css para un vínculo

Estas en el tema de Ayuda estilo css para un vínculo en el foro de CSS en Foros del Web. 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). ...
  #1 (permalink)  
Antiguo 15/01/2011, 19:25
 
Fecha de Ingreso: julio-2007
Mensajes: 287
Antigüedad: 10 años, 4 meses
Puntos: 4
Pregunta Ayuda estilo css para un vínculo

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!
  #2 (permalink)  
Antiguo 15/01/2011, 19:51
 
Fecha de Ingreso: octubre-2006
Mensajes: 562
Antigüedad: 11 años, 2 meses
Puntos: 12
Respuesta: Ayuda estilo css para un vínculo

Puedes usar
Código CSS:
Ver original
  1. a:link,
  2. a:active,
  3. a:visited{
  4.    color: #ddd;
  5.    background: #000;
  6. }
  7. a:hover{
  8.    color: #fff;
  9. }

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.
  #3 (permalink)  
Antiguo 15/01/2011, 19:55
 
Fecha de Ingreso: julio-2007
Mensajes: 287
Antigüedad: 10 años, 4 meses
Puntos: 4
Respuesta: Ayuda estilo css para un vínculo

Muchas gracias compañero quedo perfecto!

Etiquetas: estilo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:53.