Nwlapcug.com


Come creare uno sfondo fotografico in CSS

Cascading Style Sheets (CSS) è il codice che funziona con il vostro provider di servizi Internet (HTML, HyperText Markup Language), stile pagine Web. Questo codice CSS è costituito da regole di stile che indirizzare il browser su come visualizzare il contenuto. Il codice CSS controlla molte cose, come i margini di pagina e la dimensione del carattere. Inoltre, hai la possibilità di applicare una foto alla tua pagina, in modo che lo sfondo Visualizza questa immagine. È possibile utilizzare il programma di editor di testo del tuo computer per creare uno sfondo di foto CSS per il tuo sito.

Istruzioni

1

Accedere a un file gratuito o host di immagini, come MediaFire o TinyPic e seguire le istruzioni sullo schermo per caricare la tua foto (Vedi risorse). Copiare l'indirizzo URL che viene visualizzato dopo aver completato il processo di caricamento (ad esempio, "http://www.host.com/photo.jpg"). Un host consente l'immagine essere visto su una pagina Web.

2

Aprire il programma di editor di testo (blocco note in Windows, nella cartella Accessori) e aprire un nuovo documento. Digitare "corpo" e inserire un set di parentesi graffe per creare la regola del corpo CSS che controlla l'aspetto generale della pagina. Per esempio:

corpo {}

3

Immettere "background-image: url (' ');" tra le parentesi di regola del corpo in questo modo:

corpo {background-image: url (' ');}

4

Tipo URL di immagine tra le virgolette singole all'interno delle parentesi. Per illustrare:

body {background-image: url ('http://www.imagehost.com/photo.jpg');}

5

Salvare il documento con il finale di "CSS" (ad esempio, "background.css"). Inserire il file su un host (ad esempio in passaggio 1) e registrare l'indirizzo URL.

6

Aprire la pagina Web in cui si desidera che lo sfondo di foto nel vostro editor di testo e posizionare il cursore tra le "< testa >< / testa >" elementi nella parte superiore. Inserire un collegamento di foglio di stile con il tuo URL documento CSS dopo il "href =" voce simile all'esempio seguente:

< link rel = "stylesheet" type = "text/css" href = "http://www.host.com/style.css" / >

7

Salvare il lavoro. La tua foto verrà visualizzato come lo sfondo della pagina Web.