Cómo crear un efecto hover de rectángulo en los enlaces usando CSS

K

Kevin Heurtebise

Zeta

• 31 Jul 2011

• #1

Hola, no sé si esto no sería más propio de CSS pero bueno...

Estoy buscando una decoración para los enlaces de forma que el "hover" cree un rectangulo relleno alrededor de él.

O sea, lo que busco es poner mis enlaces como se ve en es.engadget.com o como se ve la opción de "Mover a la papelera" en WordPress cuando creas un artículo.

Saludos.

 

Z

ZoroRoronoa

Delta

• 31 Jul 2011

• #2

te dejo este link:
Enlace eliminado

Y si lo que tratas de decir con rectangulo relleno, es como un fondo, pues es cuestion de agregarle un background:
ejemplo:

CODIGO HTML

<a id="enlace" href="#" title="mi Link">Esto es un link</a>

Hacer clic para expandir...

CODIGO CSS

#enlace {
padding:1px 5px;
display:block;
}

#enlace:hover {
background:#33F;
}

Hacer clic para expandir...

Saludos.

 

Última edición: 31 Jul 2011

B

bronzeeagle24

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 3 Sep 2011

• #3

Aquí tienes un tutorial muy bueno con varios ejemplos
CSS Tutorial - Pseudo Class & Mouseover

 

D

dracula

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 7 Sep 2011

• #4

gracias se ve nice 😀 LO probare