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