Como criar um efeito hover de retângulo nos links usando CSS

  • Autor Autor Kevin Heurtebise
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
K

Kevin Heurtebise

Zeta
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.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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>

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

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

Saludos.
 
Última edição:
gracias se ve nice 😀 LO probare
 
Voltar
Topo