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.