En algunas situaciones, es posible que desee crear una lista de viñetas sin viñetas o una lista de elementos sin viñetas. Para crear una lista ordenada o lista desordenada sin viñetas, siga los pasos a continuación.

Ejemplo HTML

Agregando la clase CSS "estilo de lista: ninguna" a la lista desordenada (

) o lista ordenada (
) etiqueta eliminará cualquier bala o número.
• Elemento de lista sin viñeta
• Segundo artículo

Ejemplo de HTML con CSS

Aunque el ejemplo anterior funciona en casi todas las situaciones, generalmente es una mejor idea tener el CSS en un archivo CSS externo y separado. A continuación se muestra el CSS y el HTML que se pueden usar para eliminar las viñetas.

El uso del CSS a continuación elimina las viñetas de todos los enlaces no ordenados (

), que puede ser útil si no tiene intenciones de usar viñetas o si desea utilizar una imagen en lugar de una viñeta.

ul {tipo de estilo de lista: ninguno; }

Si solo pretende tener una lista, no tiene viñetas o números, es una mejor idea crear una clase que se pueda usar en cualquier momento que no desee viñetas, como se muestra en el CSS a continuación.

.nobull {tipo de estilo de lista: ninguno; }

En el CSS anterior, se crea una nueva clase llamada "nobull", esta clase puede usarse en cualquier momento que no desee una viñeta, como se muestra en el siguiente ejemplo.

• Elemento de lista sin viñeta
• Segundo artículo

Sugerencia: También puede aplicar esta clase a cualquiera de los elementos de la lista (

• ) para que uno o más elementos de viñeta no tengan una viñeta, mientras que los otros no se modifican.

  Ejemplo de salida

  A continuación se muestra un ejemplo de cómo aparece el resultado de una lista de viñetas sin ordenar sin sus viñetas.

  • Elemento de lista sin viñeta
  • Segundo artículo