Come Impostare Il Colore Di Sfondo

Sommario:

Come Impostare Il Colore Di Sfondo
Come Impostare Il Colore Di Sfondo

Video: Come Impostare Il Colore Di Sfondo

Video: Come Impostare Il Colore Di Sfondo
Video: Come Cambiare il Colore di Sfondo in Photoshop CC - METODO FACILE E VELOCE 2024, Maggio
Anonim

In genere, il colore di sfondo di base di una pagina Web viene impostato utilizzando i fogli di stile a cascata (CSS). Meno comunemente, vengono utilizzate le capacità del linguaggio HTML (HyperText Markup Language - "hypertext markup language"). A volte gli elementi di descrizione CSS sono inseriti all'interno di tag HTML.

Come impostare il colore di sfondo
Come impostare il colore di sfondo

Istruzioni

Passo 1

Usa l'attributo bgcolor del tag body se vuoi rendere il più semplice possibile specificare il colore di sfondo e ridurre al minimo le modifiche al codice sorgente. Le descrizioni di tutti gli elementi della pagina vengono inserite nell'origine della pagina all'interno di un blocco di codice HTML che inizia con un tag e termina con un tag. L'attributo bgcolor è specificato nel tag di apertura e contiene il valore del colore denominato (ad esempio, Red o Chocolate) o il codice colore esadecimale corrispondente (rispettivamente # FF0000 o # D2691E). Nella sua forma più semplice, tale tag può essere scritto, ad esempio, in questo modo: Oppure in questo modo: Entrambe le opzioni impostano lo stesso colore rosso per lo sfondo del documento.

Passo 2

Usa la proprietà background-color se vuoi impostare il colore di sfondo di un documento usando un linguaggio di descrizione dello stile: questo metodo è molto più comune. I blocchi di descrizione dello stile possono essere inclusi nel codice sorgente del documento o scritti in un file separato con estensione css. Un collegamento a un file esterno viene inserito nella parte dell'intestazione della pagina (tra i tag e) e ha un aspetto simile a questo: @import "style.css"; Se non è necessario spostare le istruzioni CSS in un file aggiuntivo, quindi @import "style.css"; andrebbe sostituito, ad esempio, con il seguente test: body {background-color: Red;} Qui body indica che l'istruzione all'interno delle parentesi graffe che definisce il colore di sfondo rosso si riferisce allo stesso tag body HTML. E qui ci sono diversi sistemi per determinare le sfumature di colore, ma i codici esadecimali sono usati più spesso: body {background-color: # FF0000;}

Passaggio 3

Sostituisci la proprietà background-color con background per descrivere in modo conciso una struttura di sfondo più complessa. Ad esempio, se, oltre allo sfondo di un determinato colore, è necessario inserire un'immagine nel supporto del documento. Tale descrizione potrebbe essere simile a questa: body {background: Red url (img / BGimage.gif) no-repeat;}

Passaggio 4

In base all'opzione che hai scelto, prepara il codice che imposta il colore di sfondo del documento e incollalo nel sorgente della pagina. Questo può essere fatto, ad esempio, utilizzando l'editor online delle pagine del sistema di gestione dei contenuti o in un qualsiasi editor di testo.

Consigliato: