Come cambiare lo sfondo e il colore del testo di una pagina web

Di seguito sono riportati i passaggi su come è possibile modificare il colore di sfondo di una pagina Web in HTML e CSS. Sebbene il colore di sfondo possa essere fatto con il tag HTML BODY, ti consigliamo di specificare i valori del colore di sfondo nei CSS come mostrato di seguito.

Suggerimento: quando si definisce il colore di qualsiasi elemento di una pagina Web, potrebbe essere necessario utilizzare i codici colore HTML. Per i colori principali, puoi anche specificare i nomi di quei colori anziché utilizzare i codici colore, ad esempio rosso, blu, verde e nero invece di utilizzare i rispettivi valori dei codici colore rispettati.

Esempio CSS

Nell'esempio CSS di seguito, stiamo impostando il corpo per avere un colore di sfondo del nero aggiungendo "background-color: # 000;" nel blocco del corpo. Poiché il colore dello sfondo è nero, anche il colore del testo deve essere modificato, altrimenti non verrà visualizzato. Quindi, stiamo impostando il colore del testo sul bianco aggiungendo "color: #fff;" nel blocco.

 body {font-family: Helvetica, Arial, sans-serif; background-color: # 000; color: #fff; } 

Se la tua pagina non sta usando CSS o non vuoi convertire in CSS, di seguito sono riportati i passaggi su come farlo nel tag BODY nel codice HTML. Tuttavia, come accennato in precedenza, consigliamo vivamente di utilizzare il codice CSS sopra invece del tag body. Se si utilizza lo stile CSS, è possibile modificare i valori del colore di sfondo una volta e le modifiche verranno applicate automaticamente a tutti gli elementi HTML utilizzando tale stile.

Esempio di tag del body HTML

In alcune situazioni molto rare, potrebbe non essere possibile usare i CSS. Per tali situazioni, puoi anche definire il colore di sfondo, il colore del testo, il colore del link e altri valori all'interno del tag del corpo HTML come mostrato di seguito.

Di seguito sono riportate le descrizioni di ciascuno degli attributi HTML nel tag body.

TEXT = Il colore del testo.

LINK = Il colore dei link.

VLINK = Colore link visitato.

ALINK = Colore del collegamento attivo o colore al quale il collegamento cambia quando si fa clic.

BGCOLOR = Il colore di sfondo della pagina.

Suggerimento: per aiutare a illustrare meglio tutti i valori di cui sopra, in questa pagina il colore del collegamento è blu, i collegamenti che hai visitato sono viola e i collegamenti che sono stati posizionati sopra o cliccati sono rossi.