Come Impostare Lo Sfondo In Html

Sommario:

Come Impostare Lo Sfondo In Html
Come Impostare Lo Sfondo In Html

Video: Come Impostare Lo Sfondo In Html

Video: Come Impostare Lo Sfondo In Html
Video: 7- Tutorial HTML: Inserire uno sfondo 2024, Aprile
Anonim

Il linguaggio di markup ipertestuale più comune oggi è l'HTML. Oltre a una vasta gamma di strumenti per determinare la struttura di un documento, ha la capacità di modificarne la presentazione visiva. Ad esempio, puoi impostare lo sfondo di un documento ipertestuale e dei suoi elementi in diversi modi.

Come impostare lo sfondo in html
Come impostare lo sfondo in html

È necessario

la possibilità di modificare un documento HTML

Istruzioni

Passo 1

Per impostare il colore di sfondo dell'intero documento, delle tabelle, nonché delle loro righe, celle di intestazione e celle di contenuto in HTML, utilizzare l'attributo bgcolor degli elementi BODY, TABLE, TR, TH, TD, rispettivamente. Questo attributo accetta un valore che codifica il colore dello spazio SRGB, espresso come numero esadecimale preceduto da un cancelletto o da un mnemonico simbolico. Per esempio:

Passo 2

Utilizzare l'attributo background dell'elemento BODY per definire l'immagine che sarà lo sfondo dell'intero documento: In accordo con il principio di separazione della struttura e dei meccanismi per determinare la presentazione visiva dei documenti ipertestuali, si consiglia invece di utilizzare i fogli di stile degli attributi degli elementi HTML (come descritto nei passaggi 1 e 2) …

Passaggio 3

Imposta il colore di sfondo di qualsiasi elemento utilizzando la proprietà CSS background-color. Usa l'attributo style per definire le informazioni di stile in linea per un elemento, o aggiungi regole con selettori appropriati ai fogli di stile: green background BODY {background-color: # 00FF00; }

Passaggio 4

Definisci l'immagine di sfondo di qualsiasi elemento o gruppo di elementi utilizzando la proprietà CSS background-image. Il suo valore deve essere un URI che identifichi la risorsa associata. Ad esempio: BODY background-image {background-image: url ("myimage.gif")}

Passaggio 5

Imposta regole aggiuntive per la visualizzazione delle immagini di sfondo degli elementi del documento. Usa le proprietà CSS background-repeat, background-attachment e background-position. Il primo definisce le opzioni di affiancamento, il secondo definisce l'ancoraggio relativo al documento o alla finestra e il terzo definisce l'offset o l'allineamento iniziale rispetto ai confini del contenitore. Controlla la specifica CSS2 su w3c.org per i possibili valori per queste proprietà.

Consigliato: