Nwlapcug.com


Come fare il mio Background una fotografia in CSS

Impostazione di una fotografia come sfondo di un sito Web può fare un sito Web distinguersi visivamente e conferiscono un'atmosfera non tradizionale. Usando una drammatica foto per il tuo sfondo possibile intoppo attenzione dei visitatori, che è essenziale sul Web, dove i visitatori possono solo dare un'occhiata a un sito e andare avanti. L'impostazione di uno sfondo fotografico può essere realizzato con pochi semplici righe di codice nel file CSS del tuo sito Web e può essere fatto in 10 minuti.

Istruzioni

1

Aprire il file CSS del tuo sito Web nel vostro editor di testo.

2

Tipo:

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

Sostituire "photourl" con l'URL alla fotografia. L'immagine sia ripete orizzontalmente e verticalmente per impostazione predefinita.

Per rendere la fotografia ripetere solo orizzontalmente, digitare:

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

Per rendere la fotografia ripetere solo verticalmente, digitare:

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

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

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

3

Salvare il file CSS del sito.

4

Caricare il file CSS server del tuo sito Web.

5

Aprire il browser e visitare il tuo sito Web per verificare che l'immagine background viene visualizzata correttamente.

Consigli & Avvertenze

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