Come si formatta graficamente una lista

Una piccola lezione per te che sei alle prime armi e magari vuoi migliorare l’appeal grafico del tuo elenco. Tramite i css puoi formattare graficamente come credi la tua lista di elementi. Vediamo insieme come farlo.

Appurato e assodato che una lista di elementi si scrive nel codice NON in questo modo:

Testo dell'elemento...

Ma tramite il codice html che evidenzia la lista:

  • Testo dell'elemento....

E scrivere poi invece nel css la regola:

li {
    padding-left: 20px;
    background: transparent url('http://www.laurynlabs.it/wp-content/uploads/2014/10/punto.png') no-repeat 0 0;
    list-style: none; /* questo serve per togliere gli stili di default */

}

Sostituisci all’immagine quella che desideri, aggiusta un po’ il padding e via! Ecco una lista formattata a dovere.
Non devo spiegarti perché non si usa il paragrafo vero? E nemmeno perché si usano i css invece che le immagini in linea, isn’t it right?

Leave a Reply

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Iscriviti alla newsletter e scarica il pdf
"I miei clienti in crescita grazie al web, da dove cominciare?"

…se vuoi ricevere periodicamente qualche consiglio su come spingere la tua attività sul web

Lauryn è un progetto che esiste dal 2001 ed è ideato da Laura Gargiulo, web designer ed esperta di web marketing.

Laura Gargiulo | professionista ai sensi della Legge 4/2013 | Via Arrigo Minerbi 3, 20142 Milano – PI IT10339790965‬ |
Tutti i diritti riservati© 2025 Created with Royal Elementor Addons