Come Rimuovere i Pallini degli Elenchi in CSS

Per impostazione predefinita, il tag

elenco non ordinato in HTML crea un elenco di elementi preceduti da un pallino rotondo. In certe situazioni, potreste voler rimuovere i pallini del tutto — per esempio, se volete mantenere il layout pulito dell'elenco senza la distrazione del pallino, o se state usando
per generare un menu a tendina. Per realizzare questo, usate l'attributo di stile CSS "list-style-type", parte delle specifiche CSS dalla prima versione.

Passaggio 1

Aprite il file .html o .htm che contiene l'elenco non ordinato i cui pallini volete rimuovete. Usate un editor di testo semplice, come Blocco Note, per evitare di introdurre errori nel codice HTML.

Passaggio 2

Scorrete fino al codice che inizia l'elenco non ordinato, che sarà marcato da un tag "

".

Aggiungete il seguente codice dopo "ul" e prima del ">":

style="list-style-type: none;".

Il codice dovrebbe ora apparire così:

"

".

Passaggio 3

Salvate il file HTML, e chiudete l'editor di testo. Aprite il file HTML nel vostro browser web per assicurarvi che i pallini siano stati rimossi dalla pagina web.

Suggerimento

Se volete rimuovere i pallini da tutti gli elenchi non ordinati nella pagina, potete aggiungere la seguente riga di codice tra i tag "" e "" nel codice sorgente HTML: "".