Como elimino los Bullets de las listas?

Css | Escrito por Ezequiel M. | Marzo - 4 - 2009

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