I colori vengono specificati usando o i nomi predefiniti degli stessi in inglese (per esempio red), o con i valori esadecimali (per esempio #ff0000). Ci sono 140 nomi di colori supportati dall' HTML e li potete trovare qui, insieme ai loro valori esadecimali.

Con il CSS puoi impostare un colore di sfondo agli elementi HTML, per esempio impostiamo un colore di sfondo agli elementi <h1> e <p>:

<h1 style="background-color:DodgerBlue;">Ciao</h1>
<p style="background-color:#ff0000;">Ciao a tutti</p>

Otterremo :

Ciao

Ciao a tutti

(p.s. così come sono scritti, li possiamo direttamente scrivere nella pagina HTML). Se vogliamo scriverli invece nel foglio di stile esterno, ricordati di usare la sintassi corretta.
Per impostare il colore ad una intera pagina HTML, basta associarlo, nel foglio di stile esterno, all'elemento Body, così:

	
body {background-color: lightblue;}

Puoi impostare il colore di un testo, per esempio:

			
<h1 style="color:Tomato;">Testo uno</h1>
<p style="color:DodgerBlue;">testo due...</p>
<p style="color:MediumSeaGreen;">testo tre...</p>

Otterremo:

Testo uno

testo due...

testo tre...

Possiamo impostare anche i bordi di alcuni elementi:

<h1 style="border:2px solid Tomato;">Testo uno</h1>
<h1 style="border:2px solid DodgerBlue;">Testo uno</h1>
<h1 style="border:2px solid Violet;">Testo uno</h1>

Otterremo:

Testo uno

Testo uno

Testo uno