Viñetas de lista personalizadas

Las listas HTML están formateadas con diferentes tipos de viñetas para representar las relaciones jerárquicas entre los elementos de una lista. Pero nada le impide utilizarlas como quiera.

Para definir el tipo de viñeta que se debe aplicar, utilice el atributo se the TYPE de la etiqueta <UL>. El formato de la lista depende del valor de este atributo.

<UL TYPE="circle">
<LI>First item...</LI>
<LI>Second item...</LI>
<LI>Third item...</LI>
</UL>

Este es el resultado:

• First item...
• Second item...
• Third item...

Este atributo puede tener tres valores: circle para viñetas circulares, disc para viñetas de disco (círculo lleno), square para viñetas cuadradas. Si no utiliza este atributo, el formato de las viñetas será el formato predeterminado según su nivel jerárquico.