Come rimuovere i punti elenco in stile elenco nei CSS

Per impostazione predefinita, il

tag elenco non ordinato in HTML crea un elenco di elementi preceduti da un punto elenco rotondo. In determinate situazioni, potresti voler rimuovere del tutto i punti elenco, ad esempio, se desideri mantenere il layout pulito dell'elenco senza la distrazione del punto elenco, o se stai utilizzando
per generare un menu a discesa . Per fare ciò, usa l'attributo di stile CSS "list-style-type", parte delle specifiche CSS sin dalla prima versione.

Passaggio 1

Apri il file .html o .htm che contiene l'elenco non ordinato di cui desideri rimuovere i punti elenco. Usa un editor di testo semplice, come Blocco note, per evitare di introdurre errori nel codice HTML.

Passaggio 2

Scorri verso il basso fino al codice che inizia la lista dei non ordinati, che sarà contrassegnato da un "

tag

".

Aggiungi il codice seguente dopo "ul" e prima di ">":

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

Il codice ora dovrebbe apparire così:

"

".

Passaggio 3

Salva il file HTML e chiudi l'editor di testo. Apri il file HTML nel tuo browser web per assicurarti che i punti elenco siano stati rimossi dalla pagina web.

Suggerimento

Se vuoi rimuovere i punti elenco da tutti gli elenchi non ordinati nella pagina, puoi aggiungere la seguente riga di codice tra "

" e " " tag nel codice sorgente HTML:"".