CSS/Proprietà di base/Sfondo: differenze tra le versioni

Contenuto cancellato Contenuto aggiunto
Nessun oggetto della modifica
(Nessuna differenza)

Versione delle 18:18, 13 set 2006

Grazie ai CSS possiamo facilmente assegnare un colore o un'immagine di sfondo, ripetuta o meno, ad un elemento nel web: dal body al paragrafo; dalla tabella all'input form.

La lista delle proprietà applicabili ad ogni elemento:

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

Color

Sintassi

selettore {background-color: <valore>;}

Il valore può essere settato riferendosi ovviamente ad un colore, sia in formato #000000, sia in formato testuale, esempio: red.

Esempi

body { background-color: white; }
p { background-color: #FFFFFF; }
.classe1 { background-color: rgb(0, 0, 0)}


Image

Sintassi

selettore { background-image: url(<valore>); }

I valori possibili sono i seguenti:

  • un URL assoluto o relativo che punti ad un'immagine
  • Il valore none, di default (Non verrà applicata nessuna immagine allo sfondo)

Esempi

body {background-image: url(immaginesfondo.gif); }
.class2 {background-image: url(http://www.wikibooks.it/immagine.gif); }