> Faqs > Cómo quitar las bolitas en una lista HTML

Cómo quitar las bolitas en una lista HTML

¿Es posible quitar las bolitas en una lista de HTML?

Sabéis a lo que me refiero? Cuando uso una lista <ul> aparecen unos puntitos al lado de cada uno de los elementos de la lista <li>, que no me gustan y querría quitar.

Gracias

Respuestas

Hola, puedes quitarlas fácilmente con la propiedad 'list-style' en css:

ul {
    list-style: none;
}

Podrías hasta usarla en línea si no tienes un archivo .css en tu proyecto:

<ul style="list-style: none;">
    <li>Primer item</li>
    <li>Segundo item</li>
    <li>Tercer item</li>
</ul>

Si quieres cambiar las bolitas por otro elemento, puedes hacerlo también con esa misma propiedad. Puedes leer más sobre ello en MDN.

Rubén
20 1 2
Muchas gracias! además le he quitado los espacios reservados para las bolitas con padding: 0; Ha quedado muy bien!