In alcune situazioni, potresti voler creare un elenco puntato senza punti elenco o elementi di elenco senza punti elenco. Per creare un elenco ordinato o un elenco non ordinato senza punti, segui i passaggi sottostanti.
Esempio HTML
Aggiunta della classe CSS "list-style: none" all'elenco non ordinato (
- ) o lista ordinata (
- Elenca l'articolo senza punto elenco
- Secondo oggetto
- Elenca l'articolo senza punto elenco
- Secondo oggetto
- ) per avere uno o più punti elenco che non hanno un proiettile, mantenendo invariati gli altri proiettili.
Esempio di output
Di seguito è riportato un esempio di come l'output per un elenco puntato non ordinato appare senza i suoi punti elenco.
- Elenca l'articolo senza punto elenco
- Secondo oggetto
- il tag rimuoverà qualsiasi pallino o numero.
HTML con esempio CSS
Sebbene l'esempio sopra riportato funzioni in quasi tutte le situazioni, è generalmente consigliabile avere il CSS in un file CSS esterno separato. Di seguito è il CSS e HTML che può essere utilizzato per rimuovere i proiettili.
L'uso del CSS sottostante rimuove i punti elenco da tutti i collegamenti non ordinati (
- ), che può essere utile se non si ha intenzione di utilizzare i proiettili o se si desidera utilizzare un'immagine anziché un punto elenco.
ul {list-style-type: none; }
Se si intende solo avere una lista, non avere pallottole o numeri, è una buona idea creare una classe che possa essere utilizzata ogni volta che non si desidera che le pallottole siano mostrate nel CSS sottostante.
.nobull {list-style-type: none; }
Nel CSS precedente, viene creata una nuova classe chiamata "nobile", questa classe può quindi essere utilizzata ogni volta che non si desidera un punto elenco come mostrato nell'esempio seguente.
Suggerimento: puoi applicare questa classe anche a qualsiasi elemento della lista (