Come cambiare lo sfondo e il colore del testo di una pagina web
Di seguito sono riportati i passaggi su come modificare il colore di sfondo di una pagina Web in HTML e CSS. Sebbene il colore di sfondo possa essere eseguito con il tag HTML BODY, ti consigliamo di specificare i valori del colore di sfondo in CSS come mostrato di seguito.
Quando si definisce il colore di qualsiasi elemento della pagina Web, potrebbe essere necessario utilizzare i codici colore HTML. Per i colori principali, puoi anche specificare i nomi di quei colori invece di utilizzare i codici colore, ad esempio rosso, blu, verde e nero invece di utilizzare i valori dei codici colore rispettati.
Esempio CSS
Nell’esempio CSS seguente, stiamo impostando il corpo in modo che abbia un colore di sfondo nero aggiungendo “background-color: #000;” nel blocco del corpo. Poiché il colore di sfondo è nero, il colore del testo deve essere cambiato in un colore più chiaro, altrimenti non sarà visibile. Quindi, stiamo impostando il colore del testo su bianco aggiungendo “color:#fff;” nel blocco.
body { font-family:Helvetica,Arial,sans-serif; background-color:#000; color:#fff; }
Se la pagina non utilizza CSS, di seguito sono riportati i passaggi per ottenere lo stesso stile nel tag BODY dell’HTML. Tuttavia, come accennato in precedenza, consigliamo vivamente di utilizzare il codice CSS di cui sopra invece del tag body. Se utilizzi lo stile CSS, puoi modificare i valori del colore di sfondo una volta e le modifiche verranno applicate automaticamente a tutti gli elementi HTML che utilizzano quello stile.
Esempio di tag del corpo HTML
In alcune situazioni molto rare, potrebbe non essere possibile utilizzare i CSS. Per queste situazioni, puoi anche definire il colore di sfondo, il colore del testo, il colore del collegamento e altri valori nel tag del corpo HTML come mostrato di seguito.
<BODY TEXT="#092d07" LINK="#1FOOFF" VLINK= "#000000" ALINK="#000000" BGCOLOR="#ffffff">
Di seguito sono riportate le descrizioni di ciascuno degli attributi HTML nel tag body.
TESTO = Il colore del testo.
COLLEGAMENTO = Il colore dei collegamenti.
VLINK = Colore del collegamento visitato.
UN COLLEGAMENTO = Colore del collegamento attivo o il colore a cui cambia il collegamento quando viene cliccato.
BGCOLOR = Il colore di sfondo della pagina.
In questa pagina, il colore del collegamento è blu, i collegamenti già visitati sono viola e i collegamenti su cui passi il mouse o fai clic sono colorati in rosso.