Fondo ajustado al texto

[keko123]

Hola, ¿alguien sabe como se puede ajustar el fondo de un texto al propio text? me refiero a que el fondo no se muestre en bloque. Algo como en esta imagen:


Un saludo

[evairdesign]

No entiendo bien lo que quieres hacer...podrias explicar mas detalladamente.

[keko123]

Hola, me refiero a ponerle un fondo a un texto, pero que este se ajuste al contorno de las letras. Si pongo

p, span{
background-color:#333;}

El texto tendra un fondo de color gris con forma rectangular. Lo que me gustaria es que el texto tuviese un fondo gris pero no rectangular, sino que siguiese el contorno de las letras.

La imagen que he puesto no se ve bien, porque el fondo de las letras es blanco y el fondo de la web marron claro, te dejo el link para que lo veas mejor:

En esta web lo utilizan en el menu:

[URL="http://www.hdlive09.co.uk/"]http://www.hdlive09.co.uk/[/URL]

[evairdesign]

Hahaha!! Ahora si entiendo, eso lo puedes hacer con CSS3

Ejemplo:

Código HTML:

<h1>Hola Mundo</h1>
 

Código CSS:

h1 {  
-webkit-text-stroke: 3px black;  
color: white;  
}
 

Aqui tienes el ejemplo de lo que se obtiene: http://www.cssblog.es/ejemplos/Text-Stroke.html
y el articulo de donde lo saque: http://www.cssblog.es/text-stroke-borde-en-el-texto-con-css3/

De todas maneras este efecto es malo a mi parecer, en texto grandes funciona relativamente bien, y ademas que el navegador debe estar basado en Webkit

Pero el texto de la pagina que me muestras, no esta hecho con css ESTA HECHO CON PHOTOSHOP aqui tienes la imagen: http://www.hdlive09.co.uk/images/BG-global-nav.png

y el efecto que hacen es moverlo a travez de un background-position

[keko123]

Hola, muchas gracias por la respuesta, obtare entonces por hacerlo con imagenes.

Un saludo!!!!