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('https://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?

lauryn

Web designer dal 2002, mi occupo di content marketing per la società WordSteps SLT LTD di Edimburgo e altri clienti. Vivo a Milano, sposata con una figlia e due cagnoline, e una passione per libri e Scozia. Ultimo libro uscito 4 passi per andare online e trovare nuovi clienti da subito

Rispondi

Scarica la checklist per partire con il tuo sito
Iscrivendoti alla newsletter mensile riceverai la checklist pdf alla tua casella email
Guide to Million Dollar Success
My Website
Per chi inizia a muoversi nel web
Scarica lo starter kit del professionista
Iscrivendoti alla newsletter riceverai la guida in pdf direttamente al tuo indirizzo email.
My Website
Per chi inizia a muoversi nel web
Un metodo efficace se sei un professionista che offre servizi ma sei alle prime armi con tutto ciò che riguarda il web. Ottieni indicazioni su sito web, blog, social e funnel marketing volti a portare nuovi clienti effettivi.
4 PASSI PER ANDARE ONLINE e ottenere clienti da subito
Un metodo efficace se sei un professionista che offre servizi ma sei alle prime armi con tutto ciò che riguarda il web. Ottieni indicazioni su sito web, blog, social e funnel marketing volti a portare nuovi clienti effettivi.
4 PASSI PER ANDARE ONLINE e ottenere clienti da subito
%d blogger hanno fatto clic su Mi Piace per questo: