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

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.

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.

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

gracias se ve nice 😀 LO probare