Tecnología

Inicio

Cómo hacer que mi fondo de una fotografía en CSS

March 3

Configuración de una fotografía como fondo de una página web puede hacer que un sitio web se destacan visualmente y darle un toque tradicional. Usando una dramática foto para el fondo puede enganchar la atención del visitante, que es esencial en la Web, donde los visitantes pueden echar una ojeada a un sitio y seguir adelante. El establecimiento de un fondo de la foto se puede lograr con un par de líneas simples de código en el archivo CSS de su sitio web y se puede hacer en 10 minutos.

Instrucciones

1 Abrir el archivo CSS de su sitio web en el editor de texto.

2 Tipo:

body {background-image: URL ( 'photourl');}

Reemplazar "photourl" con el URL para la fotografía. La foto se repite horizontal y verticalmente de forma predeterminada.

Para hacer la fotografía de repetición sólo en horizontal, tipo:

body {background-image: URL ( 'photourl'); background-repeat: repeat-x;}

Para hacer la fotografía de repetición sólo vertical, tipo:

body {background-image: URL ( 'photourl'); background-repeat: repeat-y;}

Si no desea que la fotografía a repetir, escriba:

body {background-image: URL ( 'photourl'); background-repeat: no-repeat;}

3 Guardar el archivo CSS de la página web.

4 Cargar el archivo CSS para el servidor de su sitio web.

5 Abrir el navegador y visitar su sitio web para comprobar que el fondo de la foto se muestra correctamente.

Consejos y advertencias

  • Escoja una foto que no hace el texto difícil de leer.