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