Cómo eliminar viñetas de estilo de lista en CSS

Por defecto, el

La etiqueta de lista desordenada

en HTML crea una lista de elementos precedidos por una viñeta redonda. En ciertas situaciones, es posible que desee eliminar las viñetas por completo, por ejemplo, si desea mantener el diseño limpio de la lista sin la distracción de la viñeta, o si está utilizando
para generar un menú desplegable. . Para lograr esto, utilice el atributo de estilo CSS "list-style-type", parte de las especificaciones CSS desde la primera versión.

Paso 1

Abra el archivo .html o .htm que contiene la lista desordenada cuyas viñetas desea eliminar. Utilice un editor de texto sin formato, como el Bloc de notas, para evitar introducir errores en el código HTML.

Paso 2

Desplácese hacia abajo hasta el código que comienza la lista desordenada, que estará marcado con un "

etiqueta

".

Agregue el siguiente código después de "ul" y antes de ">":

estilo="tipo-estilo-lista:ninguno;".

El código ahora debería verse así:

"

".

Paso 3

Guarde el archivo HTML y cierre el editor de texto. Abra el archivo HTML en su navegador web para asegurarse de que las viñetas se hayan eliminado de la página web.

Consejo

Si desea eliminar las viñetas de todas las listas desordenadas de la página, puede agregar la siguiente línea de código entre "

" y " " etiquetas en el código fuente HTML:"".