Sono Andrea Tonin di Rovigo, mi occupo per professione di programmazione CSS e HTML. Spero che questo corso pratico di CSS vi possa essere utile :)

In CSS è possibile programmare una gestione avanzata degli elenchi html presenti nella pagina web.
L’istruzione – list-style-image – ci permette di utilizzare al posto dei marcatori standard un’immagine, magari png, magari png con canale di trasparenza.

Vediamo un esempio pratico nel seguente codice:

<!DOCTYPE html>
<html>
 
<head>
<title>Titolo del documento</title>
 
<style type="text/css"> 
/* Carico un'immagine come marcatore per gli elenchi */
ul.a {list-style-image:url('http://www.lucedigitale.com/blog/wp-content/uploads/2013/07/list-type-image.png');}
</style> 

</head>
 
<body>
<p>Esempio di elenchi generati dinamicamente con il CSS:</p>

<ul class="a">
  <li>Prima voce</li>
  <li>Seconda voce</li>
  <li>Terza voce</li>
</ul>
</body>
 
</html>

Vediamo il risultato finale qui sotto:

Esempio di elenchi generati dinamicamente con il CSS:

  • Prima voce
  • Seconda voce
  • Terza voce

Il mio sito ufficiale>