Background Html

Sfondo

rgb 0 0 0 Definisce l’URL di un’immagine da usare come sfondo di un elemento

I limiti di questi strumenti sono evidenti soprattutto quando e' necessario inserire un'immagine di sfondo complessa

L'immagine si muove con la pagina non bloccata Il codice sotto per esempio blocca l'immagine di sfondo

L'immagine è posizionata a 2 cm dalla sinistra e a 2 cm dal basso della pagina L'immagine è centrata ad un quarto della pagina dal basso L'immagine è posizionata nell'angolo in alto a destra della pagina Il codice di esempio sotto posiziona l'immagine di sfondo nell'angolo in basso a destra

Parole

In alternativa avremmo potuto utilizzare le parole chiave come in questo esempio

Posizionamento dello sfondo con le keyword Il primo possibile modo per sistemare gli sfondi è attraverso l’uso delle parole chiave

Con i CSS e' possibile usare alcune parole chiave per il posizionamento in verticale top center e bottom ed orizzontale left center e right

o puoi usare le parole inglesi top bottom center left e right

Layout

} Usare il background Introduce ad un uso avanzato degli sfondi nel layout e all’utilizzo di effetti come gradienti o pattern

Background

Note that you should almost always include a background color even if you want to have a background fully covered by an image tile

Make sure to include the background image file extension

Immagini di sfondo posizionate background position Per default una immagine di sfondo verrà posizionata nell'angolo in alto a sinistra dello schermo

Codice

Modo

Colore

la proprietà 'color' descrive il colore di primo piano di un elemento

La proprietà 'background color' descrive il colore di sfondo degli elementi

Valori

Logica vuole trattandosi di definire le coordinate che si impostino due valori

Ci sono molti modi per stabilire i valori di

File

gif" o anche su Internet indicando l'indirizzo completo del file

Background Image

Punto

HTML classico infatti e' impostato perche' lo sfondo venga visualizzato dal punto piu' estremo in alto a sinistra

The Background

Elementi

Si applica solo agli elementi blocco o rimpiazzati

Immagini

Vedremo anche alcuni metodi avanzati per posizionare e controllare le immagini di sfondo

The Background Image

Background Color

Colore Di Sfondo

Valore

Per ungradiente che si ripeta in cima alla pagina anzichè sul fondo basta cambiareil valore body{background

Sistema

Il modello sotto illustra meglio il sistema