Gli sviluppatori possono dettare le proprietà di presentazione di elementi della pagina Web utilizzando una combinazione di linguaggio di programmazione Web HTML e le dichiarazioni Cascading Style Sheet. dichiarazioni CSS possono imporre varie proprietà di stile per gli sfondi degli elementi. Il colore di sfondo è solo una delle possibili opzioni di stile per gli elementi HTML, altri includono immagini di sfondo, così come le regole per la ripetizione e il posizionamento questi.

Elementi HTML

codice CSS in grado di identificare e dettare stile di sfondo per ogni elemento o gruppo di elementi in una pagina. Gli sviluppatori a volte strutturare gli elementi HTML in una pagina utilizzando attributi in modo che il codice CSS in grado di identificare gli elementi particolari per lo styling. Ad esempio, il seguente elemento include un attributo ID:
<Div id = "header"> L'intestazione del sito </ div>

Un unico valore di attributo ID deve comparire solo una volta all'interno di una pagina Web. Questo perché l'attributo ID identifica univocamente elementi. Per creare un gruppo di elementi di applicare le stesse proprietà di stile consente, HTML può includere un attributo di classe come segue:
<Div class = "centro"> un elemento centrale </ div>

Questa pagina può includere lo stesso valore di attributo classe per più elementi con elementi di diversi tipi.

identificatori CSS

Il codice CSS per una pagina Web in grado di identificare gli elementi HTML per tipologia, come segue:
div {
/ Proprietà CSS /
}

In alternativa, il codice CSS può identificare elementi con un particolare attributo ID, come segue:

intestazione {

/ Proprietà CSS /
}

Per identificare gli elementi con un attributo particolare classe, CSS può utilizzare il seguente codice:
.central {
/ Proprietà CSS /
}

Questo identifica elementi di qualsiasi tipo con l'attributo classe, ma per identificare elementi di un tipo particolare con l'attributo, CSS può utilizzare la seguente sintassi:
div.central {
/ Proprietà CSS /
}

Tutte queste strutture possono includere styling per gli sfondi degli elementi.

Colore di sfondo

dichiarazioni CSS possono specificare il colore di sfondo per gli elementi HTML usando valori di colore CSS, che può apparire come valori esadecimali, i nomi dei colori standard riconosciuto dai browser, colori RGB (rosso, verde, blu) o HSL valori (tonalità, saturazione, luminosità). Il seguente codice di esempio CSS dimostra l'impostazione colore elemento di sfondo utilizzando un valore esadecimale:
background-color: # FF0000;

Questo specifica che che tutta l'area dietro l'elemento dovrebbe essere un colore rosso brillante. I seguenti estratti CSS dimostrano usando gli altri tipi di valore per determinare i vari colori di sfondo:
background-color: black;
background-color: rgb (0,255,0);
background-color: HSL (180,80%, 55%);

I colori di sfondo nei CSS possono applicare a qualsiasi elemento HTML, o di un'intera pagina.

Proprietà dello sfondo

CSS fornisce varie proprietà aggiuntive per gli sfondi di elementi in HTML. Molte pagine Web sono le immagini di sfondo con i CSS. Con CSS, sviluppatori possono specificare l'URL per il browser per individuare un'immagine di sfondo, nonché specificare se deve ripetere, dove dovrebbe essere posizionato e se non si deve scorrere insieme al resto della pagina. Ciascuna di queste proprietà ha la propria dichiarazione CSS, ma utilizzando la proprietà background, sviluppatori possono includere alcuni o tutti in una sola linea, insieme con il colore di sfondo. Il codice di esempio riportato di seguito illustra la tecnica:
background: # 333333 url ( 'backpic.jpg') no-repeat left top;