Lezione 10 - Corso Intermedio Html

I Colore di Sfondo con i Fogli di Stile Css


Colore di Sfondo

In questa lezione parleremo del Colore di Sfondo.

Riprendiamo per un momento i concetti della lezione scorsa ribadendo che:

- per il colore dei caratte di un testo usiamo la propietà o attibuto color.

- e che un Foglio di Stile Incorporato nella pagina si implementa in questa maniera:
<style>
    h1 {color: red;}
</style>

- mentre un Foglio di Stile in Linea del Tag si implementa in questa maniera:
<p style="color: blue"> Paragrafo TRE</p>


Bene, ribadito questo, torniamo a parlare del

Colore di Sfondo.

Per il Colore di Sfondo usiamo la proprietà background. Con questa proprietà possiamo dare lo sfondo praticamente a tutti gli elementi, a tutti gli oggetti, che compongono la nostra pagina web.

Ora, proviamo a dare lo sfondo a tutta la pagina e quindi al body assegnado il valore pink alla proprietà background, e ai paragrafi assegnando il valore white alla proprieta background, facendo uso sia dello Stile in Linea che dello Stile Incorporato.

Vediamo il codice:
<html>                      
 <head>			    
  <title>Colore di Sfondo con la Proprietà background</title>
      <style>
  	body {background:pink;}
	h1 {color:red;}
	p {background:white;}
      </style>
 </head>
 <body>			    
    <h1>Colore di Sfondo con la Proprietà background</h1>  
    <p>Paragrafo UNO</p>
    <p>Paragrafo DUE</p>
    <p style="color:blue">Paragrafo TRE</p>
 </body>                
</html>                    
Da notare che gli elementi di blocco, come i paragrafi, occupano tutto lo spazio a loro disposizione.