Crea un sitio flash gratis

8 maneras de darle un bonito estilo a tus listas

El uso de listas en HTML (<ol> para una lista ordenada, y <ul> para una lista no ordenada) son unos de los elementos más comunes en la Web o los blogs. Como recordatorio, aquí podemos ver una lista ordenada y otra desordenada como se ve por defecto:
  1. Elemento de la lista ordenada # 1
  2. Elemento de la lista ordenada # 2
  3. Elemento de la lista ordenada # 3
  • Elemento de lista no ordenada # 1
  • Elemento de lista no ordenada # 2
  • Elemento de lista no ordenada # 3
En el artículo 8 different ways to beautifully style your lists, de MarcoFolio, van un poco más allá de la creación de las típicas listas aburridas, y nos muestran 8 diferentes maneras de darle un bonito estilo a las listas de HTML pero esta vez utilizando los estilos CSS, para dejar de ver de una vez por todas las típicas listas. En dicho artículo nos dejan todo explicado y con toda su codificación, es muy sencillo de seguir, aunque no sepas inglés. Podemos darle un vistazo a la demo o descargar los estilos directamente. Se ve mucho mejor, esas listas con estilo ¿no? Puedes obtener esos resultados, simplemente añadiendo un par de cosas al CSS. ¿Quieres saber cómo? pues no dejes de darle un vistazo al artículo mencionado.

8-estilos-listas

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo 8 maneras de darle un bonito estilo a tus listas:

Desarrollo web, CSS, HTML, Listas


favoritoInsertar un Comentario


Nombre:

Email:

Comentario:

Escribe la siguiente palabra: No lo entiendes? Cambia el texto!

favoritoComentarios

No hay comentarios en este artículo.