Come fare il mio background una fotografia in CSS

September 18

Impostazione di una fotografia come sfondo di un sito web può fare un sito web spiccano visivamente e dargli un tocco non tradizionale. Utilizzando una foto drammatica per lo sfondo può agganciare l'attenzione dei visitatori, che è essenziale sul Web, dove i visitatori possono solo colpo d'occhio in un sito e andare avanti. Impostazione di una foto di sfondo può essere realizzato con pochi semplici righe di codice nel file CSS del tuo sito web e può essere fatto in 10 minuti.

istruzione

1 Aprire il file CSS del tuo sito web con un editor di testo.

2 Digitare:

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

Sostituire "photourl" con l'URL per la fotografia. La foto si ripete sia orizzontalmente che verticalmente per impostazione predefinita.

Per rendere la ripetizione fotografia solo orizzontalmente, tipo:

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

Per rendere la ripetizione fotografia solo verticalmente, tipo:

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

Se non si desidera che la fotografia di ripetere, tipo:

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

3 Salvare il file CSS del sito.

4 Carica il file CSS al server del tuo sito web.

5 Aprire il browser e visitare il vostro sito web per verificare che la foto di sfondo viene visualizzato correttamente.

Consigli e avvertenze

  • Scegli una foto che non rendono il testo difficile da leggere.