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-type – ci permette di generare del contenuto dinamico per le voci degli elenchi.

Vediamo un esempio pratico nel seguente codice:

<!DOCTYPE html>
<html>
 
<head>
<title>Titolo del documento</title>
 
<style type="text/css"> 
/* Forme */
ul.a {list-style-type:disc;}
ul.b {list-style-type:circle;}
ul.c {list-style-type:square;}
</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>

<ul class="b">
  <li>Prima voce</li>
  <li>Seconda voce</li>
  <li>Terza voce</li>
</ul>

<ul class="c">
  <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
  • Prima voce
  • Seconda voce
  • Terza voce
  • Prima voce
  • Seconda voce
  • Terza voce

Il mio sito ufficiale>