Lez.22 - Corso Intermedio Css

LISTE ed ELENCHI
con IMMAGINI come SIMBOLI

Le Liste e le Immagini come Simboli

In una lista, per utilizzare un'immagine al posto del simbolino si usa la proprietà:
list-style-image: url(Percorso_Simbolino.jpg); image (immagine) questa proprietà inserisce un'immagine al posto del simbolino.

La Notifica Semplificata per questa proprietà è:
list-style: type position image; ci permette di inserire uno o più valori all'interno di un unico comando.

Il Codice:
<!DOCTYPE html>
<html lang="it">                     
 <head>			    
  <title>Liste ed elemchi con Immagini come Simboli</title>
  <meta charset="utf-8">
  <style type="text/css">
    ul {
	 list-style-image: url(PiccoloSimbolo.jpg);
    }
  </style>
 </head>
 <body>			    
    <h1>Liste ed elemchi con Immagini come Simboli</h1>
    <ul>
        <li>Primo</li>
        <li>Secondo</li>
        <li>Terzo</li>
        <li>Quarto</li>
        <li>Quinto</li>
    </ul>
 </body>               
</html>