Menu horizontal con hover sobre texto de distinto tamaño.

[diegola]

Saludos.

Soy nuevo en el tema web. Quería preguntar como podía realizar un menu de este tipo.



Quiero que ese rectangulo redondeado aparezca al pasar el mouse sobre cada boton. El problema es que cada boton tiene distinto ancho de texto. ¿Como podría hacerlo para que ese tipo de rectangulo se ajuste al tamaño del texto de cada boton?. (Sin que el texto sea una imagen obviamente)

Saludos y gracias de antemano

[Maicro]

Yo, aplicaría la función al pasar por encima del enlace de poner al fondo de ese enlace con ese color y el texto en ese otro color. Los bordes redondeados, creo, son una propiedad de CSS3 que en algunos navegadores no te irá. Pero, creo.

De todas formas, si lo has sacado de otra página, investiga cómo está programada.