Header Ads

Tipos de viñetas en Listas Desordenadas con HTML

tipos de viñetas en listas desordenadas

Podemos definir el tipo de viñeta empleada para cada elemento.  Para ello debemos especificarlo por medio del atributo type incluida dentro de la etiqueta de apertura <ul> , si queremos que el estilo sea valido para toda la lista, o de lo contrario solo definimos en la etiqueta <li>, si queremos hacerlo especifico en en solo elemento.


En forma generla el codigo seria declaradod e la siguiente manera :
<ul type="Parámetro"> o <li type="Parámetro"> 

los parámetros pueden ser los siguientes: "square--> viñetas cuadradas"; "circle-->viñetas cirsulares"

Ejemplos:


Código HTML de Viñetas Cuadriculares:





Resultado Ejecutado En Un Navegador:

  • Uno
  • Dos
  • Tres
  • Cuatro
  • Cinco
  • Seis




Código HTML de viñetas Circulares:




Resultado Ejecutado En Un Navegador:

  • Uno
  • Dos
  • Tres
  • Cuatro
  • Cinco
  • Seis




También podemos combinar el uso de Viñetas, esto es posible colocando el atributo en la etiqueta <li>

Ejemplo :


Código HTML de Viñetas Combinadas:



Resultado Ejecutado En Un Navegador:

  • Uno
  • Dos
  • Tres
  • Cuatro
  • Cinco
  • Seis
  • Viñeta Por defecto






1 comentario: