CREARE SITI WEB in HTML e CSS > Impostare il colore di sfondo della pagina

Un'altra utilissima proprietà che hai già avuto modo di vedere è la proprietà background-color che ti permette di impostare il colore dello sfondo.

Per colorare lo sfondo di un'intera pagina web,
1 - all'interno del Foglio Stile, ovvero all'interno del codice
<style type="text/css"> ... </style>

2 - inserisci il seguente codice:

body { background-color: pink; }

dove potrai sostituire il valore "pink" (rosa) con qualsiasi altro colore a scelta.

Esercitati ad inserire il codice con Visual Studio Code.
1 - Posiziona il cursore all'interno del codice
<style type="text/css"> ... </style>

(dopo una parentesi grafa chiusa, ovvero dopo le dichiarazioni precedenti)
2 - digita bo
3 - e clicca sulla voce "body" apparsa nel menu suggerito
4 - apri la parentesi grafa (ALT+1+2+3) e premi invio

5 - digita ba
6 - e clicca sulla voce "background-color" apparsa nel menu suggerito
7 - scorri il menu e scegli in colore, ad esempio pink.

10 - salva le modifiche, apri il browser e aggiornalo per verificare il risultato.

codice HTML

risultato pagina web

<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<title>Le città nel mondo</title>
<style type="text/css">

</style>
</head>
<body>
<h1>Le città nel mondo</h1>
<h2>Europa</h2>
<h3>Italia</h3>
Roma, Milano, Venezia
<h3>Francia</h3>
Parigi, Lione, Grenoble
<h3>Spagna</h3>
Madrid, Barcelona, Valencia
<h3>Germania</h3>
Berlino, Bonn, Freiburg
...
</body>
</html>

Pagina aggiornata il 10-03-2020

Ti potrebbe interessare anche...

Fare calcoli e creare elenchi con
- Come creare un blog gratis
- Come creare siti web gratis
- Gestisci le tue foto con Picasa
- Naviga veloce con Google Chrome
- Scarica video e musica con Free Studio

Frasi celebri

“Se non lo sai spiegare in modo semplice, non l'hai capito abbastanza bene” (Albert Einstein).