Como elimino los Bullets de las listas?

Eliminar subrayado de links

Las listas sean ordenadas o no, presentan por defecto Bullets para cada elemento LI de la misma. Muchas veces al usar muchas listas las hojas de estilos se vuelven catastróficas, por la cantidad de clases asignadas a cada una.


Para eliminar los bullets hay que referirse a la etiqueta UL, no a la LI como muchos hacen en medio del caos, porque es normal confundirse y culpar a los navegadores. Por eso al estilizar una lista tenemos que saber que los Bullets se forman por el elemento UL.


List-Style-Type: None, es la propiedad con el valor que tenemos que asignar las listas.


Código CSS:

ul{
list-style-type:none;
}


Código XHTML:

  • Item de la lista numero 1
  • Item de la lista numero 2
  • Item de la lista numero 3

Resultado:

  • Item de la lista numero 1
  • Item de la lista numero 2
  • Item de la lista numero 3

2 respuestas a “Como elimino los Bullets de las listas?”

  1. Romina Guerra dice:

    Excelente información, me ha servido. Gracias!! (n_n)

  2. Mauricio dice:

    Muy útil me ha servido bastante gracias!

Deja un comentario