Nwlapcug.com


Come rimuovere punti elenco Styling in CSS

Come rimuovere punti elenco Styling in CSS


Per impostazione predefinita, il < ul > unordered tag list in HTML crea un elenco di elementi, preceduta da un proiettile rotondo. In determinate situazioni, è possibile rimuovere i proiettili complessivamente---ad esempio, se si desidera mantenere il layout pulito dell'elenco senza la distrazione del proiettile, o se si utilizza < ul > per generare un menu a discesa. A tale scopo, utilizzare l'attributo di stile CSS "list-style-type", parte delle specifiche CSS fin dalla prima versione.

Istruzioni

1

Aprire il file HTML o htm contenente l'elenco non ordinato cui proiettili che si desidera rimuovere. Utilizzare un editor di testo, come blocco note, per evitare di introdurre errori nel codice HTML.

2

Scorrere verso il basso il codice che inizia l'elenco non ordinato, che sarà caratterizzato da un tag "< ul >".

Aggiungere il codice seguente dopo il "ul" e prima il ">":

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

Il codice dovrebbe risultare come questo:

"< ul style =" list-style-type: none; " > ".

3

Salvare il file HTML e chiudere l'editor di testo. Aprire il file HTML nel browser web per assicurarsi che i proiettili sono stati rimossi dalla pagina Web.

Consigli & Avvertenze

  • Se si desidera rimuovere i proiettili da tutti gli elenchi non ordinati nella pagina, è possibile aggiungere la seguente riga di codice tra la "< head >" e "< / head >" tag nel codice sorgente HTML: "< stile tipo =" text/css"> ul {list-style-type: none;} < / stile >".