Sfondi gratis può fare o rompere sito web design. Un sottofondo invadente può distrarre, infastidire e persino guidare lontani visitatori; mentre un adeguato e ben piazzato sfondo può disegnare in lettori senza accorgersene. Per impostazione predefinita, sfondi si ripetono. Se che rende il vostro sito look troppo occupato e fonte di distrazione, è possibile utilizzare un codice non-ripetizione per ignorare l'impostazione predefinita.

Descrizione

Nelle versioni precedenti di HTML, il tag < body > è stato utilizzato per descrivere gli attributi di sfondo di una pagina Web, tra cui la sua immagine di sfondo. Per effettuare questa operazione, è stata richiamata l'attributo "background" nel tag < body >. Ad esempio: < background="bg.jpg del corpo" > dove < corpo > è il tag, priorità bassa è l'attributo e "BG. jpg" è il valore dell'attributo. Se l'immagine di sfondo era più piccola rispetto alla pagina Web, l'immagine si è ripetuto. Questo codice è ora deprecato a favore del metodo più recente: fogli di stile o CSS.

Sintassi

Per rendere un'immagine di sfondo non si ripete in una pagina Web, è necessario utilizzare una o più proprietà di sfondo CSS per il selettore che si desidera applicarlo. La proprietà "background" è possibile impostare più proprietà (ad esempio colore, dimensioni, ecc.) in un'unica dichiarazione. Se non si desidera utilizzare questa versione più breve, è possibile impostare ogni proprietà con la propria dichiarazione.

Esempi

Utilizzando il metodo di stenografia, dichiarare l'immagine di sfondo e lo stile di no-repeat come segue nella sezione < head > della pagina Web:

< style type = "text/css" >

corpo {background:URL('bg.jpg') no-repeat;}

< / stile >

Per dichiarare lo stesso con più proprietà:

< style type = "text/css" >

corpo {background-image:URL('bg.jpg'); background-repeat: no-repeat;}

< / stile >

Suggerimenti

È buona norma creare un file di foglio CSS o stile separato invece di inserire gli stili in ognuna delle pagine Web. Nel caso in cui è necessario apportare modifiche, è possibile modificare solo il file CSS e tutte le pagine rifletterà il cambiamento. Non avresti modificare ogni pagina. Per il collegamento a un foglio di stile da una pagina:

< head >

< link rel = "stylesheet" type = "text/css" href="mystylesheet.css" / >

< / head >